.blog-article--comparison{--blog-accent:#4f46e5;--blog-accent-strong:#f97316;--blog-accent-soft:#4f46e51a;--fmt-ink:#4338ca;--fmt-spy-bg:#4f46e51f;--vs-a:#4f46e5;--vs-b:#f97316;--vs-a-soft:#4f46e514;--vs-b-soft:#f9731617;--vs-c-soft:#10b98117;--vs-gold:#f59e0b;--vs-board:#0f172a;counter-reset:vs-a vs-b vs-mark}html[data-theme=dark] .blog-article--comparison{--fmt-ink:#a5b4fc;--vs-a-soft:#818cf824;--vs-b-soft:#fb923c24;--vs-c-soft:#34d39921;--vs-board:#020617}.vs-stage__panel{border-radius:14px;width:62%;position:absolute;top:-8%;bottom:-8%}.vs-stage__panel--a{clip-path:polygon(0 0,100% 0,82% 100%,0 100%);background:repeating-linear-gradient(-60deg,#ffffff1a 0 2px,#0000 2px 14px),linear-gradient(135deg,#818cf8,#4338ca);animation:.6s cubic-bezier(.2,.9,.2,1.1) .15s both vs-slam-left;left:-12%}.vs-stage__panel--b{clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);background:repeating-linear-gradient(60deg,#ffffff1f 0 2px,#0000 2px 14px),linear-gradient(135deg,#fb923c,#c2410c);animation:.6s cubic-bezier(.2,.9,.2,1.1) .15s both vs-slam-right;right:-12%}.vs-stage__beam{clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);opacity:.55;transform-origin:50% 0;background:linear-gradient(#fff4d6bf,#0000 72%);width:42%;height:160%;position:absolute;top:-45%}.vs-stage__beam--a{animation:5s ease-in-out 1s infinite alternate vs-beam-a;left:2%}.vs-stage__beam--b{animation:5.6s ease-in-out 1s infinite alternate vs-beam-b;right:2%}.vs-stage__name{color:#fff;letter-spacing:.03em;text-transform:uppercase;border-radius:10px;max-width:62%;padding:8px 16px;font-size:clamp(.8rem,1.5vw,1rem);font-weight:900;position:absolute;box-shadow:0 14px 26px -10px #0f172a8c}.vs-stage__name--a{background:#4338ca;animation:.55s cubic-bezier(.3,1.5,.5,1) .7s both vs-drop;top:-7%;left:-4%;rotate:-4deg}.vs-stage__name--b{background:#ea580c;animation:.55s cubic-bezier(.3,1.5,.5,1) .85s both vs-drop;bottom:-7%;right:-4%;rotate:3deg}.vs-stage__badge{width:76px;height:76px;color:var(--vs-gold);background:var(--vs-board);border:3px solid #fff;border-radius:50%;place-content:center;justify-items:center;font-size:1.25rem;font-style:italic;font-weight:950;line-height:1;animation:.6s cubic-bezier(.3,1.7,.5,1) 1s both vs-badge,.5s steps(2,jump-none) 1.7s 4 vs-crackle;display:grid;position:absolute;top:calc(50% - 38px);left:calc(50% - 38px);box-shadow:0 0 0 6px #f59e0b40,0 16px 30px #0f172a73}.vs-stage__badge svg{fill:var(--vs-gold)}.vs-stage__spark{background:var(--vs-gold);opacity:0;border-radius:2px;width:4px;height:14px;animation:.8s cubic-bezier(.15,.7,.3,1) 1.1s both vs-spark;position:absolute;top:calc(50% - 4px);left:calc(50% - 2px)}.vs-stage__spark:nth-of-type(odd){background:#fff}.vs-stage--podium .vs-stage__step{color:#fff;transform-origin:top;border-radius:0 0 10px 10px;place-items:start center;padding-top:6px;font-size:1.2rem;font-weight:900;animation:.7s cubic-bezier(.2,.9,.25,1.1) both vs-rise;display:grid;position:absolute;top:100%}.vs-stage__step--1{background:linear-gradient(var(--vs-gold), #d97706);width:40%;height:18%;animation-delay:.45s;left:30%}.vs-stage__step--2{background:linear-gradient(#818cf8, var(--vs-a));width:26%;height:12%;animation-delay:.25s;left:2%}.vs-stage__step--3{background:linear-gradient(#fb923c,#ea580c);width:26%;height:8%;animation-delay:.1s;right:2%}.vs-stage__trophy{color:#fff;background:linear-gradient(140deg,#fbbf24,#d97706);border-radius:50%;place-items:center;width:60px;height:60px;animation:.6s cubic-bezier(.3,1.7,.5,1) 1s both vs-badge;display:grid;position:absolute;top:-14%;left:calc(50% - 30px);box-shadow:0 0 0 6px #f59e0b40,0 12px 24px -8px #d97706b3}.vs-stage__spark--trophy{top:calc(26px - 14%)}@keyframes vs-slam-left{0%{opacity:0;transform:translate(-55%)}}@keyframes vs-slam-right{0%{opacity:0;transform:translate(55%)}}@keyframes vs-beam-a{0%{transform:rotate(-20deg)}to{transform:rotate(14deg)}}@keyframes vs-beam-b{0%{transform:rotate(18deg)}to{transform:rotate(-16deg)}}@keyframes vs-drop{0%{opacity:0;transform:translateY(-40px)scale(.8)}}@keyframes vs-badge{0%{opacity:0;transform:scale(0)rotate(-60deg)}}@keyframes vs-crackle{50%{transform:scale(1.1)rotate(-6deg)}}@keyframes vs-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scaleY(.4)}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--dist) * -1 - 30px)) scaleY(1)}}@keyframes vs-rise{0%{transform:scaleY(0)}}.vs-ambient__field{opacity:.85;width:90vmax;height:90vmax;position:absolute}.vs-ambient__field--a{background:radial-gradient(closest-side,#4f46e533,#0000);animation:26s ease-in-out infinite alternate vs-push-a;top:-45vmax;left:-45vmax}.vs-ambient__field--b{background:radial-gradient(closest-side,#f973162e,#0000);animation:26s ease-in-out infinite alternate vs-push-b;bottom:-45vmax;right:-45vmax}.vs-ambient__lines{background:repeating-linear-gradient(-55deg,#4f46e50d 0 2px,#0000 2px 40px);animation:6s linear infinite vs-lines;position:absolute;inset:-60px}.vs-ambient__beam{opacity:.6;background:linear-gradient(90deg,#0000,#fff6,#0000);width:120px;height:180%;animation:11s ease-in-out infinite vs-sweep;position:absolute;top:-40%;left:0;transform:translate(-30vw)rotate(24deg)}html[data-theme=dark] .vs-ambient__beam{background:linear-gradient(90deg,#0000,#a5b4fc1f,#0000)}.vs-ambient__diamond{top:var(--y);left:var(--x);opacity:0;width:14px;height:14px;animation:vs-float 9s ease-in-out var(--d) infinite;border:2px solid #4f46e566;position:absolute;rotate:45deg}.vs-ambient__diamond:nth-child(2n){border-color:#f9731673}.vs-ambient__streak{top:0;left:var(--x);opacity:0;width:2px;height:70px;animation:vs-streak var(--t) linear var(--d) infinite;background:linear-gradient(#0000,#f59e0b8c);border-radius:2px;position:absolute;translate:0 104lvh}@keyframes vs-push-a{to{transform:translate(14vmax,10vmax)}}@keyframes vs-push-b{to{transform:translate(-14vmax,-10vmax)}}@keyframes vs-lines{to{transform:translate(48.83px)}}@keyframes vs-sweep{0%,35%{transform:translate(-30vw)rotate(24deg)}75%,to{transform:translate(130vw)rotate(24deg)}}@keyframes vs-float{0%,to{opacity:0;translate:0 20px}50%{opacity:.6;translate:0 -20px}}@keyframes vs-streak{0%{opacity:0;translate:0 104lvh}20%,80%{opacity:.7}to{opacity:0;translate:0 -12lvh}}.vs-nav .fmt-nav__marker{color:var(--vs-gold);background:var(--vs-board);border-radius:8px;font-family:ui-monospace,SF Mono,Consolas,monospace}.vs-nav li:first-child .fmt-nav__marker{color:#fff;background:var(--vs-gold)}@media (max-width:1050px){.vs-nav.fmt-nav--inline{background:linear-gradient(var(--panel-strong), var(--panel-strong)) padding-box, linear-gradient(120deg, var(--vs-a), var(--vs-b)) border-box;border:1px solid #0000;border-radius:20px;padding:16px 12px 14px}.blog-article--comparison .blog-article-hero{padding-bottom:54px}}.vs-meter{--fmt-seg-on:var(--vs-a);--fmt-seg-glow:0 0 10px #4f46e580;--fmt-seg-now:1.5}.vs-meter .fmt-meter__label b{color:var(--vs-gold);background:var(--vs-board);font-family:ui-monospace,SF Mono,Consolas,monospace}.vs-meter .fmt-meter__label--idle svg{color:var(--vs-b)}.vs-meter .fmt-meter__label--idle b{color:var(--fmt-ink);background:0 0}.vs-meter .fmt-meter__seg{clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);border-radius:0;height:10px}.vs-meter .fmt-meter__seg:nth-child(2n){--fmt-seg-on:var(--vs-b);--fmt-seg-glow:0 0 10px #f9731680}.blog-article__body .vs-round{background:var(--panel-strong);border-radius:20px;gap:16px;padding:26px 24px 24px;transition:box-shadow .3s;position:relative;box-shadow:0 22px 44px -32px #0f172a8c}.vs-round[data-side=a]{--from:-70px;--tilt:-3deg}.vs-round[data-side=b]{--from:70px;--tilt:3deg}.vs-round:before{background:linear-gradient(90deg, var(--vs-a) 0 50%, var(--vs-b) 50% 100%);content:"";border-radius:0 0 4px 4px;height:4px;position:absolute;top:0;left:18px;right:18px}.blog-article__body .vs-round--verdict{border:2px solid color-mix(in oklab, var(--vs-gold) 55%, transparent);background:linear-gradient(160deg, color-mix(in oklab, var(--vs-gold) 13%, var(--panel-strong)), var(--panel-strong) 60%)}.vs-round--verdict:before{background:var(--vs-gold)}.blog-article__body .vs-round:has(.vs-pick__option--a input:checked){box-shadow:0 0 0 2px var(--vs-a), 0 22px 44px -28px #4f46e5b3}.blog-article__body .vs-round:has(.vs-pick__option--b input:checked){box-shadow:0 0 0 2px var(--vs-b), 0 22px 44px -28px #f97316b3}.vs-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 16px;display:grid}.vs-head h2{margin:0}.vs-head__board{background:var(--vs-board);border-radius:12px;justify-items:center;padding:8px 12px 6px;font-family:ui-monospace,SF Mono,Consolas,monospace;display:grid;box-shadow:inset 0 0 0 2px #ffffff0f,0 10px 20px -12px #0f172ab3}.vs-head__board span{color:#94a3b8;letter-spacing:.16em;text-transform:uppercase;font-size:.6rem;font-weight:800}.vs-head__board b{color:var(--vs-gold);text-shadow:0 0 10px #f59e0b8c;font-size:1.6rem;line-height:1.1}.vs-head--verdict{grid-template-columns:52px minmax(0,1fr)}.vs-head__trophy{color:#fff;background:linear-gradient(140deg,#fbbf24,#d97706);border-radius:16px;grid-row:span 2;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 10px 22px -8px #d97706b3}.blog-article .vs-head__kicker{color:#b45309;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:850}html[data-theme=dark] .blog-article .vs-head__kicker{color:#fcd34d}.blog-article__body .blog-content-section>ul.vs-points{background:0 0;border:0;gap:8px;margin:2px 0;padding:0;list-style:none;display:grid}.blog-article__body .vs-points li{color:var(--text);background:var(--vs-a-soft);border-radius:14px;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;font-size:1rem;line-height:1.6;display:grid}.blog-article__body .vs-points li:nth-child(2n){background:var(--vs-b-soft)}.vs-points__icon{color:#fff;background:var(--vs-a);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.vs-points li:nth-child(2n) .vs-points__icon{background:var(--vs-b)}.vs-pick{border:1.5px dashed color-mix(in oklab, var(--vs-a) 30%, var(--panel-border));border-radius:16px;margin:6px 0 0;padding:12px}.vs-pick legend{color:var(--fmt-ink);letter-spacing:.08em;text-transform:uppercase;padding:0 6px;font-size:.74rem;font-weight:850}.vs-pick__options{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;display:grid}.vs-pick__option{border:2px solid var(--panel-border);min-height:46px;color:var(--heading);background:var(--panel-strong);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;place-items:center;padding:8px 12px;font-size:.86rem;font-weight:800;line-height:1.2;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:grid;position:relative}.vs-pick__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.vs-pick__option--a{border-color:color-mix(in oklab, var(--vs-a) 60%, transparent)}.vs-pick__option--b{border-color:color-mix(in oklab, var(--vs-b) 60%, transparent)}.vs-pick__option:has(input:checked){color:#fff;animation:.4s cubic-bezier(.3,1.6,.5,1) vs-picked}.vs-pick__option--a:has(input:checked){border-color:var(--vs-a);background:var(--vs-a)}.vs-pick__option--b:has(input:checked){border-color:var(--vs-b);background:#ea580c}.vs-pick__option--tie:has(input:checked){background:#64748b;border-color:#64748b}.vs-pick__option:has(input:focus-visible){outline:3px solid color-mix(in oklab, var(--vs-a) 50%, transparent);outline-offset:2px}.vs-pick__option--a input:checked{counter-increment:vs-a}.vs-pick__option--b input:checked{counter-increment:vs-b}.vs-mark{border:1.5px solid color-mix(in oklab, var(--vs-gold) 60%, var(--panel-border));color:#b45309;background:var(--panel-strong);cursor:pointer;border-radius:999px;justify-self:start;align-items:center;gap:8px;min-height:44px;padding:8px 16px;font-size:.86rem;font-weight:780;display:inline-flex;position:relative}.vs-mark input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.vs-mark input:checked{counter-increment:vs-mark}.vs-mark__on{display:none}.vs-mark:has(input:checked){color:#fff;background:var(--vs-gold);border-color:#0000}.vs-mark:has(input:checked) svg{fill:currentColor;animation:.45s cubic-bezier(.3,1.6,.5,1) vs-picked}.vs-mark:has(input:checked) .vs-mark__on{display:inline}.vs-mark:has(input:checked) .vs-mark__off{display:none}@keyframes vs-picked{45%{transform:scale(1.12)}}.vs-table .blog-table th:nth-child(2){color:#fff;background:var(--vs-a)}.vs-table .blog-table th:nth-child(3){color:#fff;background:#ea580c}.vs-table .blog-table th:nth-child(4){color:#fff;background:#059669}.vs-table .blog-table td:nth-child(2){background:var(--vs-a-soft)}.vs-table .blog-table td:nth-child(3){background:var(--vs-b-soft)}.vs-table .blog-table td:nth-child(4){background:var(--vs-c-soft)}.vs-table .blog-table td:first-child{color:var(--heading);font-weight:760}.blog-figure.vs-figure{background:linear-gradient(120deg, var(--vs-a), var(--vs-b));border-radius:18px;padding:8px}.vs-scorecard{color:#e2e8f0;background:radial-gradient(circle at 10% 0%, #4f46e573, transparent 45%), radial-gradient(circle at 100% 100%, #f9731659, transparent 45%), var(--vs-board);view-timeline-name:--vs-scorecard;border-radius:24px;gap:14px;padding:clamp(22px,4vw,32px);display:grid;position:relative}.vs-scorecard__trophy{color:var(--vs-gold);position:absolute;top:18px;right:22px}.vs-scorecard__head{color:var(--vs-gold);align-items:center;gap:14px;display:flex}.blog-article .vs-scorecard__kicker{color:#94a3b8;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:850}.blog-article__body .vs-scorecard h2{color:#fff;margin:0;font-size:clamp(1.4rem,3vw,1.9rem)}.vs-scorecard__tally{text-align:center;background:#00000059;border-radius:16px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:14px;font-family:ui-monospace,SF Mono,Consolas,monospace;display:grid}.vs-scorecard__side{color:#cbd5e1;text-transform:uppercase;gap:4px;font-size:.74rem;font-weight:800;display:grid}.vs-scorecard__side b{font-size:2.4rem;line-height:1}.vs-scorecard__side--a b{color:#a5b4fc;text-shadow:0 0 14px #818cf8b3}.vs-scorecard__side--b b{color:#fdba74;text-shadow:0 0 14px #fb923cb3}.vs-scorecard__count--a:before{content:counter(vs-a)}.vs-scorecard__count--b:before{content:counter(vs-b)}.vs-scorecard__colon{color:var(--vs-gold);font-size:2rem;font-weight:900;animation:1.2s steps(2,jump-none) infinite ex-blink-colon}.blog-article .vs-scorecard__marked{color:var(--vs-gold);margin:0;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:1.1rem;font-weight:800}.vs-scorecard__marked:before{content:"★ " counter(vs-mark) " rounds matter to you"}.blog-article .vs-scorecard__hint{color:#94a3b8;margin:0;font-size:.86rem}.blog-article__body .vs-scorecard__list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.blog-article__body .vs-scorecard__list a{color:#e2e8f0;background:#ffffff0f;border-radius:12px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;min-height:44px;padding:6px 12px 6px 6px;font-weight:650;text-decoration:none;display:grid}.vs-scorecard__list a>span{height:32px;color:var(--vs-gold);background:#00000059;border-radius:8px;place-items:center;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.8rem;font-weight:800;display:grid}@keyframes ex-blink-colon{50%{opacity:.25}}@supports (animation-timeline:view()){.blog-article__body .vs-round{animation:linear both vs-slide;animation-timeline:view();animation-range:entry entry 80%}.vs-head__board,.vs-head__trophy{animation:linear both vs-flip;animation-timeline:view();animation-range:entry 20% cover 30%}.vs-round:before{animation:linear both vs-meet;animation-timeline:view();animation-range:entry 10% cover 30%}.vs-table .blog-table td:nth-child(2){animation:linear both vs-cell-a;animation-timeline:view();animation-range:entry}.vs-table .blog-table td:nth-child(3),.vs-table .blog-table td:nth-child(4){animation:linear both vs-cell-b;animation-timeline:view();animation-range:entry}.vs-scorecard__trophy{animation:linear both vs-trophy-drop;animation-timeline:--vs-scorecard;animation-range:entry 40% cover 35%}}@keyframes vs-slide{0%{opacity:.3;transform:translateX(var(--from,0)) rotate(var(--tilt,0deg))}70%{opacity:1}}@keyframes vs-flip{0%{opacity:0;transform:perspective(300px)rotateX(-90deg)}}@keyframes vs-meet{0%{transform:scaleX(.1)}}@keyframes vs-cell-a{0%{opacity:.2;transform:translate(-24px)}}@keyframes vs-cell-b{0%{opacity:.2;transform:translate(24px)}}@keyframes vs-trophy-drop{0%{opacity:0;transform:translateY(-90px)rotate(-30deg)}60%{opacity:1;transform:translateY(8px)rotate(8deg)}80%{transform:translateY(-6px)rotate(-3deg)}to{transform:none}}@media (max-width:680px){.vs-stage__badge{width:60px;height:60px;font-size:1rem;top:calc(50% - 30px);left:calc(50% - 30px)}.blog-article__body .vs-round{padding:24px 16px 20px}.blog-article__body .vs-round h2{font-size:clamp(1.4rem,6.4vw,1.8rem)}.vs-pick__options{grid-template-columns:1fr 1fr}.vs-pick__option--tie{grid-area:2/1/auto/-1;min-height:38px}.vs-table.blog-table-scroll{box-shadow:none;background:0 0;border:0;overflow:visible}.vs-table .blog-table,.vs-table .blog-table tbody{width:auto;min-width:0;display:block}.vs-table .blog-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.vs-table .blog-table tr{border:1px solid var(--panel-border);background:var(--panel-strong);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:12px;padding:12px;display:grid}.vs-table .blog-table td,.vs-table .blog-table th[scope=row]{border:0;border-radius:10px;padding:10px;display:block}.vs-table .blog-table tr>:first-child{background:0 0;grid-column:1/-1;padding:2px 2px 4px;font-size:1.02rem}.vs-table .blog-table td:not(:first-child):before{letter-spacing:.06em;text-transform:uppercase;content:attr(data-label);margin-bottom:4px;font-size:.68rem;font-weight:850;display:block}.vs-table .blog-table td:nth-child(2):before{color:var(--fmt-ink)}.vs-table .blog-table td:nth-child(3):before{color:#c2410c}.vs-table .blog-table td:nth-child(4):before{color:#047857}}@media (prefers-reduced-motion:reduce){.blog-article__body .vs-round,.vs-head__board,.vs-head__trophy,.vs-round:before,.vs-table .blog-table td,.vs-scorecard__trophy,.vs-scorecard__colon,.vs-pick__option,.vs-mark svg{animation:none!important}}
.fmt-ambient{z-index:-1;pointer-events:none;animation:1.8s ease-out 1s both fmt-ambient-in;position:absolute;inset:0}.fmt-ambient__stage{height:100lvh;position:sticky;top:0;overflow:hidden}@keyframes fmt-ambient-in{0%{visibility:hidden;opacity:0}to{visibility:visible;opacity:1}}.fmt-article:before{display:none}.fmt-article .blog-reading-surface{background:color-mix(in oklab, var(--panel-strong) 86%, transparent);overflow:clip}.fmt-article .blog-content-section__heading:not(:has(>span)){grid-template-columns:minmax(0,1fr)}.fmt-article .blog-content-section+.blog-content-section:before{display:none}.fmt-nav{align-content:start;gap:12px;display:grid}.blog-article .fmt-nav__title{color:var(--heading);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:9px;margin:0;font-size:.8rem;font-weight:800;display:flex}.blog-article .fmt-nav__title svg{color:var(--fmt-ink,var(--blog-accent));flex:none}.fmt-nav__count{color:var(--fmt-ink,var(--heading));background:var(--blog-accent-soft);letter-spacing:.04em;border-radius:999px;margin-left:auto;padding:3px 9px;font-size:.68rem}.blog-article__body .fmt-nav__list,.fmt-nav__list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.fmt-nav__link{min-height:44px;color:var(--label);border-radius:12px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:5px 10px 5px 4px;font-size:.84rem;font-weight:640;line-height:1.32;text-decoration:none;transition:color .2s,background-color .2s;display:grid}.fmt-nav__link:hover,.fmt-nav__link:focus-visible{color:var(--heading);background:var(--blog-accent-soft);outline:none}.fmt-nav__link:focus-visible{box-shadow:inset 0 0 0 2px var(--blog-accent)}.fmt-nav__marker{place-items:center;width:32px;height:32px;font-size:.72rem;font-weight:850;display:grid}.blog-article .fmt-nav__extras{flex-wrap:wrap;gap:6px;margin:0;padding-left:46px;display:flex}.blog-article .fmt-nav__extras a{border:1px solid color-mix(in oklab, var(--blog-accent) 28%, transparent);color:var(--fmt-ink,var(--heading));border-radius:999px;padding:5px 10px;font-size:.74rem;font-weight:720;text-decoration:none}.fmt-nav__top{width:fit-content;color:var(--fmt-ink,var(--heading));font-size:.74rem;font-weight:780}.fmt-nav--side{scrollbar-width:thin;max-height:calc(100vh - 132px);padding:18px 12px 18px 0;position:sticky;top:104px;overflow-y:auto}.fmt-nav--inline{display:none}@supports (animation-timeline:view()) and (timeline-scope:none){.fmt-spy{view-timeline-name:var(--fmt-tl);view-timeline-inset:35% 64%}.fmt-nav--side .fmt-nav__link{animation:linear fmt-spy;animation-timeline:var(--fmt-tl)}}@keyframes fmt-spy{0%,to{color:var(--heading);background-color:var(--fmt-spy-bg,var(--blog-accent-soft))}}@media (max-width:1050px){.fmt-nav--side{display:none}.fmt-nav--inline{margin-bottom:26px;display:grid}.fmt-article .blog-content-section{scroll-margin-top:92px}}@media (max-width:680px){.fmt-article .blog-article-hero__eyebrow>span:last-child{display:inline-flex}.fmt-article .blog-article-hero h1{letter-spacing:-.045em;font-size:clamp(1.9rem,8.8vw,2.45rem);line-height:1.06}.fmt-article .blog-article-hero__description{font-size:.98rem}.fmt-article .blog-reading-surface{box-shadow:none;background:0 0;border:0;border-radius:0}.fmt-article .blog-article__body{gap:34px;padding:4px 4px 28px}.fmt-article .blog-article__body .blog-content-section>p{font-size:1.0625rem;line-height:1.72}}@media (prefers-reduced-motion:reduce){.fmt-ambient,.fmt-ambient *,.fmt-hero-art,.fmt-hero-art *{animation:none!important}}@media print{.fmt-ambient,.fmt-hero-art{display:none}}@media (min-width:681px){:is(.fmt-article,.blog-article--tutorial) .blog-article-hero h1{font-size:clamp(2.3rem,4.4vw,4.1rem);line-height:1.02}:is(.fmt-article,.blog-article--tutorial) .blog-article-hero h1.blog-title--long{font-size:clamp(2.1rem,3.5vw,3.25rem);line-height:1.04}}@media (max-width:680px){.fmt-cards.blog-table-scroll{box-shadow:none;background:0 0;border:0;overflow:visible}.fmt-cards .blog-table,.fmt-cards .blog-table tbody,.fmt-cards .blog-table tr,.fmt-cards .blog-table td,.fmt-cards .blog-table th[scope=row]{width:auto;min-width:0;display:block}.fmt-cards .blog-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.fmt-cards .blog-table tr{border:1px solid color-mix(in oklab, var(--blog-accent) 22%, var(--panel-border));background:var(--panel-strong);border-radius:16px;margin-bottom:12px;overflow:hidden;box-shadow:0 12px 26px -20px #1e293b80}.fmt-cards .blog-table td,.fmt-cards .blog-table th[scope=row]{border:0;padding:10px 14px}.fmt-cards .blog-table tr>:first-child{color:var(--heading);background:color-mix(in oklab, var(--blog-accent) 10%, var(--panel-strong));font-weight:750}.fmt-cards .blog-table td:before{color:var(--fmt-ink,var(--blog-accent));letter-spacing:.08em;text-transform:uppercase;content:attr(data-label);margin-bottom:2px;font-size:.66rem;font-weight:850;display:block}}:is(.fmt-article,.blog-article--tutorial) .blog-article-hero__copy{z-index:2;grid-area:1/1;position:relative}:is(.fmt-article,.blog-article--tutorial) .blog-article-hero__visual{z-index:1;grid-area:1/2;position:relative}:is(.fmt-article,.blog-article--tutorial) .blog-article-hero__visual:before{display:none}.fmt-stage{z-index:0;aspect-ratio:16/9.6;pointer-events:none;grid-area:1/2;align-self:center;width:100%;position:relative}.fmt-stage--front{z-index:3}@media (max-width:1050px){:is(.fmt-article,.blog-article--tutorial) .blog-article-hero__visual,.fmt-stage{grid-area:2/1;width:min(100%,820px)}}@media (max-width:680px){:is(.fmt-article,.blog-article--tutorial) .blog-article-hero{row-gap:44px}.fmt-stage{justify-self:center;width:92%}}.fmt-board{gap:clamp(50px,6vw,72px);display:grid}.fmt-meter{display:none}.fmt-meter__labels{min-height:21px;display:grid}.fmt-meter__label{min-width:0;color:var(--heading);background:var(--fmt-meter-bg,var(--panel-strong));grid-area:1/1;align-items:center;gap:8px;font-size:.8rem;font-weight:720;line-height:1.25;display:flex}.fmt-meter__label b{color:#fff;background:var(--blog-accent);border-radius:999px;flex:none;padding:2px 8px;font-size:.68rem;font-weight:850}.fmt-meter__label--idle b{color:var(--fmt-ink);background:0 0;padding:0;font-size:.8rem}.fmt-meter__label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fmt-meter__label--item{opacity:0}.fmt-meter__track{gap:6px;display:flex}.fmt-meter__seg{background:color-mix(in oklab, var(--blog-accent) 18%, transparent);border-radius:999px;flex:1;height:8px}@supports (animation-timeline:view()) and (timeline-scope:none){@media (max-width:1050px){.fmt-meter{z-index:6;border:1px solid color-mix(in oklab, var(--blog-accent) 24%, var(--panel-border));background:var(--fmt-meter-bg,var(--panel-strong));border-radius:16px;gap:8px;margin:0 -6px;padding:10px 14px;display:grid;position:sticky;top:68px;box-shadow:0 12px 30px #0f172a21}.fmt-meter__label--item{animation:linear fmt-meter-label;animation-timeline:var(--fmt-tl)}.fmt-meter__seg{animation:step-start both fmt-seg-on,linear fmt-seg-now;animation-timeline:var(--fmt-tl), var(--fmt-tl)}.fmt-board .fmt-spy{scroll-margin-top:150px}}}@keyframes fmt-meter-label{0%,to{opacity:1}}@keyframes fmt-seg-on{to{background:var(--fmt-seg-on,var(--blog-accent));box-shadow:var(--fmt-seg-glow,none)}}@keyframes fmt-seg-now{0%,to{transform:scaleY(var(--fmt-seg-now,1.6))}}@media (prefers-reduced-motion:reduce){.fmt-stage,.fmt-stage *{animation:none!important}}
.blog-article--example{--blog-accent:#f59e0b;--blog-accent-strong:#ef4444;--blog-accent-soft:#f59e0b1f;--fmt-ink:#b45309;--fmt-spy-bg:#f59e0b26;--ex-film:#18181b;--ex-amber:#f59e0b;--ex-red:#ef4444;--ex-mono:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--ex-hole:#fafafaeb;--ex-sprockets:radial-gradient(ellipse 5px 4px at center, var(--ex-hole) 92%, transparent 100%)}html[data-theme=dark] .blog-article--example{--fmt-ink:#fcd34d;--ex-film:#09090b}.ex-stage,.ex-stage-front{--cd:64px}.ex-stage__screen{background:radial-gradient(at 50% 40%,#27272a,#0c0a09 70%);border-radius:14px;animation:.6s ease-out .1s both ex-screen-on;position:absolute;inset:-10% -7% -12%;box-shadow:0 34px 64px -24px #0009}.ex-stage__beam{clip-path:polygon(78% 0,88% 0,100% 100%,0 100%);opacity:.5;transform-origin:83% 0;background:linear-gradient(200deg,#ffecb399,#0000 70%);width:72%;height:130%;animation:2.6s step-end 1s infinite ex-flicker;position:absolute;top:-70%;right:-34%;rotate:28deg}.ex-stage__film{background:var(--ex-film);height:24px;position:absolute;left:-7%;right:-7%;overflow:hidden}.ex-stage__film:before{background:var(--ex-sprockets) left 4px center / 24px 10px repeat-x;content:"";animation:.55s linear infinite ex-run;position:absolute;inset:0 -24px 0 0}.ex-stage__film--top{border-radius:14px 14px 0 0;top:-10%}.ex-stage__film--bottom{border-radius:0 0 14px 14px;bottom:-12%}.ex-stage__film--bottom:before{animation-direction:reverse}.ex-stage__countdown{width:var(--cd);height:var(--cd);color:#fafafa;background:linear-gradient(#fafafa,#fafafa) 50%/1.5px 100% no-repeat,linear-gradient(#fafafa,#fafafa) 50%/100% 1.5px no-repeat,#3f3f46;border:3px solid #fafafa;border-radius:50%;animation:.4s cubic-bezier(.3,1.6,.5,1) .2s both ex-pop;position:absolute;top:-8%;right:-3%;overflow:hidden;box-shadow:0 10px 22px -8px #0009}.ex-stage__digits{grid-auto-rows:var(--cd);animation:2.4s step-end .4s both ex-count;display:grid}.ex-stage__digits b{font-family:var(--ex-mono);font-size:calc(var(--cd) * .45);text-shadow:0 0 6px #000c;place-items:center;font-weight:900;display:grid}.ex-stage__digits b:last-child{color:var(--ex-amber)}.ex-stage__clapper{width:104px;animation:.4s cubic-bezier(.3,1.6,.5,1) .5s both ex-pop;position:absolute;bottom:-9%;left:-4%;rotate:-6deg}.ex-stage__clapper-top{background:repeating-linear-gradient(-55deg, var(--ex-film) 0 11px, #fafafa 11px 22px);height:16px;box-shadow:inset 0 0 0 1.5px var(--ex-film);transform-origin:0 100%;border-radius:4px 4px 0 0;animation:1s cubic-bezier(.5,0,.3,1.5) .7s both ex-clap;display:block}.ex-stage__clapper-board{color:#fafafa;background:var(--ex-film);font-family:var(--ex-mono);letter-spacing:.1em;border-radius:0 0 6px 6px;padding:8px 10px;font-size:.66rem;font-weight:700;display:block;box-shadow:0 10px 20px -8px #0009}.ex-stage__rec{color:#fff;font-family:var(--ex-mono);letter-spacing:.1em;background:#18181be6;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:-7%;left:-2%}.ex-stage__rec:before{background:var(--ex-red);content:"";border-radius:50%;width:7px;height:7px;animation:1.2s steps(2,jump-none) 10 ex-blink}@keyframes ex-screen-on{0%{opacity:0;transform:scale(.95)}}@keyframes ex-flicker{0%,to{opacity:.5}20%{opacity:.38}35%{opacity:.56}60%{opacity:.44}80%{opacity:.6}}@keyframes ex-run{to{transform:translate(-24px)}}@keyframes ex-pop{0%{opacity:0;transform:scale(.3)}}@keyframes ex-count{0%{transform:translateY(0)}25%{transform:translateY(calc(var(--cd) * -1))}50%{transform:translateY(calc(var(--cd) * -2))}75%,to{transform:translateY(calc(var(--cd) * -3))}}@keyframes ex-clap{0%{transform:rotate(-32deg)}55%{transform:rotate(-32deg)}80%{transform:rotate(3deg)}}@keyframes ex-blink{50%{opacity:0}}.ex-ambient__leak{top:var(--y);left:var(--x);aspect-ratio:1;border-radius:50%;width:60vmax;animation:22s ease-in-out infinite alternate ex-leak;position:absolute;translate:-50% -50%}.ex-ambient__leak--a{background:radial-gradient(closest-side,#fb923c47,#0000)}.ex-ambient__leak--b{background:radial-gradient(closest-side,#e879f933,#0000);animation-duration:28s;animation-direction:alternate-reverse}.ex-ambient__strip{background:radial-gradient(5px 6px,#18181b1f 92%,#0000) top/100% 24px repeat-y;border-left:2px solid #18181b14;border-right:2px solid #18181b14;width:26px;animation:2.4s linear infinite ex-roll;position:absolute;top:-24px;bottom:0}html[data-theme=dark] .ex-ambient__strip{background-image:radial-gradient(5px 6px,#fafafa1a 92%,#0000);border-color:#fafafa12}.ex-ambient__strip--left{left:10px}.ex-ambient__strip--right{animation-direction:reverse;right:10px}.ex-ambient__dust{top:var(--y);left:var(--x);width:5px;height:5px;animation:ex-dust var(--t) ease-in-out var(--d) infinite alternate;background:#78350f59;border-radius:50%;position:absolute;box-shadow:0 0 6px #fbbf2466}html[data-theme=dark] .ex-ambient__dust{background:#fde68a73}.ex-ambient__scratch{opacity:0;background:linear-gradient(#0000,#18181b2e 20% 80%,#0000);width:1.5px;animation:7s step-end infinite ex-scratch;position:absolute;top:0;bottom:0;left:63%}html[data-theme=dark] .ex-ambient__scratch{background:linear-gradient(#0000,#fafafa29 20% 80%,#0000)}.ex-ambient__grain{opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(3,end) infinite ex-grain;position:absolute;inset:-60px}@keyframes ex-leak{to{opacity:.55;transform:translate(8vmax,-6vmax)scale(1.2)}}@keyframes ex-roll{to{transform:translateY(24px)}}@keyframes ex-dust{to{opacity:.2;transform:translate(40px,-60px)}}@keyframes ex-scratch{0%,to{opacity:0;transform:translate(0)}8%{opacity:.9;transform:translate(-30px)}12%{opacity:0}52%{opacity:.7;transform:translate(80px)}55%{opacity:0}}@keyframes ex-grain{33%{transform:translate(-22px,14px)}66%{transform:translate(18px,-26px)}}.ex-nav .fmt-nav__marker{color:var(--ex-amber);background:var(--ex-film);font-family:var(--ex-mono);border-radius:6px}@media (max-width:1050px){.ex-nav.fmt-nav--inline{background:var(--ex-film);border-radius:18px;padding:16px 12px 14px}.blog-article .ex-nav.fmt-nav--inline .fmt-nav__title{color:#fafafa}.ex-nav.fmt-nav--inline .fmt-nav__count{color:var(--ex-amber);background:#f59e0b29}.blog-article__body .ex-nav .fmt-nav__list,.ex-nav.fmt-nav--inline .fmt-nav__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ex-nav.fmt-nav--inline .fmt-nav__link{color:#e4e4e7;background:var(--ex-sprockets) top left / 14px 8px repeat-x, #ffffff0d;border:1px solid #fafafa1a;border-radius:10px;grid-template-columns:1fr;align-content:start;gap:6px;height:100%;padding:12px 10px 10px;font-size:.8rem}.ex-nav.fmt-nav--inline .fmt-nav__marker{background:0 0;width:auto;height:auto;display:block}.ex-nav.fmt-nav--inline .fmt-nav__marker:before{content:"Scene "}.ex-nav.fmt-nav--inline .fmt-nav__extras a{color:#fafafa;border-color:#fafafa33}.ex-nav.fmt-nav--inline .fmt-nav__extras{padding-left:0}.blog-article--example .blog-article-hero{padding-bottom:48px}}.ex-meter{--fmt-meter-bg:#18181b;--fmt-seg-on:var(--ex-amber);--fmt-seg-glow:0 0 10px #f59e0bb3;--fmt-seg-now:1.3;border-color:#3f3f46}.ex-meter .fmt-meter__label{color:#fafafa}.ex-meter .fmt-meter__label b{color:var(--ex-film);background:var(--ex-amber);font-family:var(--ex-mono)}.ex-meter .fmt-meter__label--idle svg,.ex-meter .fmt-meter__label--idle b{color:var(--ex-amber);background:0 0}.ex-meter .fmt-meter__track{gap:3px}.ex-meter .fmt-meter__seg{background:radial-gradient(circle,#fafafa8c 1.3px,#0000 1.8px) 2px 1px/8px 4px repeat-x,radial-gradient(circle,#fafafa8c 1.3px,#0000 1.8px) left 2px bottom 1px/8px 4px repeat-x,#3f3f46;border-radius:2px;height:14px}.blog-article__body .ex-scene{border:1px solid var(--panel-border);background:var(--panel-strong);border-radius:14px;gap:16px;padding:36px 22px 34px;position:relative;box-shadow:0 24px 46px -32px #0000008c}.blog-article__body .ex-scene:before{border-radius:inherit;background:var(--ex-sprockets) left 6px top 4px / 20px 8px repeat-x, var(--ex-sprockets) left 6px bottom 4px / 20px 8px repeat-x, linear-gradient(var(--ex-film), var(--ex-film)) top / 100% 16px no-repeat, linear-gradient(var(--ex-film), var(--ex-film)) bottom / 100% 16px no-repeat;pointer-events:none;content:"";position:absolute;inset:0}.ex-slate{gap:12px;display:grid}.ex-slate__clap{background:repeating-linear-gradient(-55deg, var(--ex-film) 0 13px, #fafafa 13px 26px);width:min(280px,76%);height:18px;box-shadow:inset 0 0 0 1.5px var(--ex-film);transform-origin:0 100%;border-radius:4px 4px 0 0}.blog-article .ex-slate__board{color:#f4f4f5;background:var(--ex-film);width:min(280px,76%);font-family:var(--ex-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:0 0 8px 8px;align-items:center;gap:16px;margin:-12px 0 0;padding:9px 14px;font-size:.76rem;font-weight:700;display:flex}.ex-slate__dot{color:var(--ex-red);margin-left:auto}.ex-slate h2{margin:0}.blog-figure.ex-frame{background:var(--ex-sprockets) left 6px top 5px / 20px 9px repeat-x, var(--ex-sprockets) left 6px bottom 5px / 20px 9px repeat-x, var(--ex-film);border-radius:6px;gap:0;padding:18px 10px 12px;box-shadow:0 24px 44px -26px #0009}.ex-frame img,.ex-frame video{box-shadow:none;border-radius:2px}.ex-frame figcaption{color:#fafafa;text-align:center;background:#0000008c;border-radius:6px;justify-self:center;max-width:92%;margin:8px auto 12px;padding:6px 12px;font-size:.86rem;line-height:1.45}.ex-strip{gap:8px;display:grid}.blog-article .ex-strip__hint{color:var(--fmt-ink);font-family:var(--ex-mono);letter-spacing:.04em;align-items:center;gap:6px;margin:0;font-size:.76rem;font-weight:760;display:none}.ex-strip__hint span{animation:1.1s ease-in-out 1.5s 6 alternate ex-nudge;display:inline-block}.blog-article__body .ex-strip .ex-shots{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.blog-article__body .ex-shots li{color:#e4e4e7;background:var(--ex-sprockets) left 5px top 5px / 18px 8px repeat-x, var(--ex-sprockets) left 5px bottom 5px / 18px 8px repeat-x, var(--ex-film);border-radius:6px;align-content:start;gap:10px;padding:24px 14px;font-size:.98rem;line-height:1.55;display:grid}.blog-article__body .ex-shots a{color:#fcd34d}.ex-shots__no{color:var(--ex-film);background:var(--ex-amber);font-family:var(--ex-mono);border-radius:6px;justify-self:start;padding:3px 8px;font-size:.78rem;font-weight:800}.blog-article__body .blog-content-section>ul.ex-notes{background:repeating-linear-gradient(transparent 0 30px, #f59e0b1f 30px 31px), color-mix(in oklab, var(--ex-amber) 5%, var(--panel-strong));border:0;border-radius:12px;gap:10px;margin:2px 0;padding:14px 16px;list-style:none;display:grid}.blog-article__body .ex-notes li{color:var(--text);grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:1rem;line-height:1.6;display:grid}.ex-notes svg{color:var(--fmt-ink);margin-top:4px}.ex-edl .blog-table th{color:#fbbf24;background:var(--ex-film);font-family:var(--ex-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem}.ex-edl .blog-table td:first-child{color:var(--heading);font-family:var(--ex-mono);font-weight:700}.ex-credits{color:#e4e4e7;text-align:center;view-timeline-name:--ex-credits;background:radial-gradient(60% 50% at 50% 0,#f59e0b47,#0000 70%),#0c0a09;border-radius:24px;justify-items:center;gap:10px;padding:clamp(28px,5vw,44px) clamp(18px,4vw,34px);display:grid}.ex-credits__icon{color:var(--ex-amber)}.blog-article .ex-credits__kicker{color:#a1a1aa;font-family:var(--ex-mono);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.blog-article__body .ex-credits h2{color:#fafafa;letter-spacing:-.02em;margin:0;font-size:clamp(1.7rem,4vw,2.4rem);font-style:italic}.ex-credits__window{width:100%}.blog-article__body .ex-credits__list{gap:14px;margin:10px 0 0;padding:0;list-style:none;display:grid}.blog-article__body .ex-credits__list a{color:#f4f4f5;gap:2px;font-weight:650;text-decoration:none;display:grid}.ex-credits__list a>span{color:var(--ex-amber);font-family:var(--ex-mono);letter-spacing:.16em;text-transform:uppercase;font-size:.7rem}.blog-article .ex-credits__end{color:#fafafa;font-family:var(--ex-mono);letter-spacing:.4em;text-transform:uppercase;margin:8px 0 0;font-size:.9rem;font-weight:800}@supports (animation-timeline:view()){.blog-article__body .ex-scene:after{z-index:2;border-radius:inherit;opacity:0;pointer-events:none;content:"";background:#000;animation:linear both ex-fade-up;animation-timeline:view();animation-range:entry entry 70%;position:absolute;inset:0}.ex-slate__clap{animation:linear both ex-slate-clap;animation-timeline:view();animation-range:entry 30% cover 35%}.ex-frame img,.ex-frame video{animation:linear both ex-iris;animation-timeline:view();animation-range:entry cover 35%}.ex-edl .blog-table tbody tr{animation:linear both ex-scrub;animation-timeline:view();animation-range:entry}.ex-credits__window{height:240px;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000);mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.blog-article__body .ex-credits__list{animation:linear both ex-roll-credits;animation-timeline:--ex-credits;animation-range:entry 60% exit 40%}.blog-article .ex-credits__end{animation:linear both ex-the-end;animation-timeline:--ex-credits;animation-range:cover 55% cover 70%}}@supports (animation-timeline:view(inline)){@media (max-width:680px){.blog-article__body .ex-shots li{animation:linear both ex-focus;animation-timeline:view(inline)}}}@keyframes ex-fade-up{0%{opacity:.9}to{opacity:0}}@keyframes ex-slate-clap{0%{transform:rotate(-24deg)}70%{transform:rotate(2deg)}}@keyframes ex-iris{0%{clip-path:circle(10%)}to{clip-path:circle(75%)}}@keyframes ex-scrub{0%{opacity:.25;transform:translate(30px)}}@keyframes ex-roll-credits{0%{transform:translateY(150px)}to{transform:translateY(calc(200px - 100%))}}@keyframes ex-the-end{0%{opacity:0;transform:scale(1.6)}}@keyframes ex-focus{0%{opacity:.55;transform:scale(.88)}50%{opacity:1;transform:none}to{opacity:.55;transform:scale(.88)}}@keyframes ex-nudge{to{transform:translate(7px)}}@media (max-width:680px){.ex-stage,.ex-stage-front{--cd:50px}.ex-ambient__strip{display:none}.blog-article__body .ex-scene{padding:34px 16px 32px}.blog-article__body .ex-scene h2{font-size:clamp(1.4rem,6.4vw,1.8rem)}.blog-article .ex-strip__hint{display:flex}.blog-article__body .ex-strip .ex-shots{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:80%;grid-auto-flow:column;gap:8px;margin:0 -16px;padding:6px 10% 14px;overflow-x:auto}.blog-article__body .ex-strip .ex-shots::-webkit-scrollbar{display:none}.blog-article__body .ex-shots li{scroll-snap-align:center;min-height:160px}.ex-edl.blog-table-scroll{box-shadow:none;background:0 0;border:0;overflow:visible}.ex-edl .blog-table,.ex-edl .blog-table tbody,.ex-edl .blog-table tr,.ex-edl .blog-table td,.ex-edl .blog-table th[scope=row]{width:auto;min-width:0;display:block}.ex-edl .blog-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ex-edl .blog-table tr{border:1px solid var(--panel-border);border-left:6px solid var(--ex-amber);background:var(--panel-strong);border-radius:12px;margin-bottom:12px;padding:10px 14px}.ex-edl .blog-table td,.ex-edl .blog-table th[scope=row]{border:0;padding:5px 0}.ex-edl .blog-table td:before{color:var(--fmt-ink);font-family:var(--ex-mono);letter-spacing:.08em;text-transform:uppercase;content:attr(data-label);font-size:.66rem;font-weight:750;display:block}}@media (prefers-reduced-motion:reduce){.ex-slate__clap,.ex-frame img,.ex-frame video,.ex-edl .blog-table tbody tr,.blog-article__body .ex-credits__list,.blog-article .ex-credits__end,.blog-article__body .ex-shots li,.ex-strip__hint span{animation:none!important}.blog-article__body .ex-scene:after{display:none}.ex-credits__window{height:auto!important;-webkit-mask-image:none!important;mask-image:none!important}}
.blog-article--ideas{--blog-accent:#f9734c;--blog-accent-strong:#ec4899;--blog-accent-soft:#f9734c1f;--fmt-ink:#c2410c;--fmt-spy-bg:#f9734c29;--idea-heart:#e11d48;--idea-wood:linear-gradient(90deg, #c98a4b, #e2b07a 45%, #b9773c);counter-reset:idea-saved}html[data-theme=dark] .blog-article--ideas{--fmt-ink:#fdba74;--idea-heart:#fb7185}.blog-article--ideas [data-tint="0"]{--tint:#ff8a65}.blog-article--ideas [data-tint="1"]{--tint:#ffc857}.blog-article--ideas [data-tint="2"]{--tint:#5ed3a1}.blog-article--ideas [data-tint="3"]{--tint:#6cb8ff}.blog-article--ideas [data-tint="4"]{--tint:#b79cff}.blog-article--ideas .blog-article-hero__visual{box-shadow:0 30px 60px -24px #c2410c73}.ideas-wall__card{top:var(--y);left:var(--x);aspect-ratio:.84;width:30%;rotate:var(--r);animation:ideas-fan .95s cubic-bezier(.2, .9, .25, 1.12) var(--delay) both;position:absolute}.ideas-wall__card--small{width:21%}.ideas-wall__photo{color:#fff;background:linear-gradient(150deg, color-mix(in oklab, var(--tint) 60%, #fff), var(--tint)) 8% 8% / 84% 64% no-repeat, #fffdf8;animation:ideas-bob 7s ease-in-out calc(var(--delay) + 1s) infinite alternate;border-radius:6px;place-items:start center;padding-top:24%;display:grid;position:absolute;inset:0;box-shadow:0 16px 30px -12px #78350f59}html[data-theme=dark] .ideas-wall__photo{background:linear-gradient(150deg, color-mix(in oklab, var(--tint) 75%, #fff), var(--tint)) 8% 8% / 84% 64% no-repeat, #2b2522}.ideas-wall__photo i{background:#78350f38;border-radius:2px;width:56%;height:4px;position:absolute;bottom:13%;left:12%}.ideas-wall__photo i+i{width:34%;bottom:7%}.ideas-bulb{z-index:2;pointer-events:none;width:64px;height:64px;position:absolute;top:-6px;left:calc(46% - 84px)}.ideas-bulb__icon{color:#d97706;place-items:center;animation:1.1s step-end .25s both ideas-flicker;display:grid;position:absolute;inset:0;transform:rotate(14deg)}.ideas-bulb__icon svg{fill:#fde68a}.ideas-bulb__glow{opacity:0;background:radial-gradient(closest-side,#fde04799,#0000);border-radius:50%;animation:.8s ease-out 1.2s both ideas-glow-on,3.2s ease-in-out 2s 5 ideas-glow-pulse;position:absolute;inset:-34px}.ideas-bulb__confetti{background:var(--tint);opacity:0;border-radius:2px;width:7px;height:11px;margin:-5px 0 0 -3px;animation:1s cubic-bezier(.15,.7,.3,1) 1.2s both ideas-confetti;position:absolute;top:50%;left:50%}@keyframes ideas-fan{0%{opacity:0;transform:translate(var(--sx), var(--sy)) scale(.55) rotate(calc(var(--r) * -1))}}@keyframes ideas-depth{to{translate:0 var(--depth)}}@keyframes ideas-bob{to{transform:translateY(-7px)rotate(1.5deg)}}@keyframes ideas-flicker{0%{opacity:.2}18%{opacity:1}30%{opacity:.3}44%{opacity:1}56%{opacity:.45}70%,to{opacity:1}}@keyframes ideas-glow-on{0%{opacity:0;transform:scale(.4)}to{opacity:1}}@keyframes ideas-glow-pulse{50%{opacity:.55;transform:scale(1.18)}}@keyframes ideas-confetti{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.4)}75%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--dist) * -1)) rotate(240deg) scale(1)}}.ideas-ambient__glow{aspect-ratio:1;opacity:.75;border-radius:50%;width:70vmax;animation:34s ease-in-out infinite alternate ideas-glow;position:absolute}.ideas-ambient__glow--a{background:radial-gradient(closest-side,#ffc85752,#0000);top:-30vmax;right:-26vmax}.ideas-ambient__glow--b{background:radial-gradient(closest-side,#ec489938,#0000);animation-duration:41s;animation-direction:alternate-reverse;bottom:-32vmax;left:-24vmax}.ideas-ambient__bubble{top:0;left:var(--x);width:var(--s);height:var(--s);opacity:0;animation:ideas-rise var(--t) linear var(--d) infinite;background:radial-gradient(circle at 35% 30%,#ffffffa6,#ffaa7859 45%,#f9734c14 70%,#0000 72%);border-radius:50%;position:absolute;translate:0 108lvh}.ideas-ambient__paper{top:0;left:var(--x);background:var(--tint);opacity:0;width:13px;height:13px;animation:ideas-paper var(--t) linear var(--d) infinite;position:absolute;translate:0 -6lvh}.ideas-ambient__paper--tri{clip-path:polygon(50% 0,100% 100%,0 100%)}.ideas-ambient__spark{top:var(--y);left:var(--x);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;width:18px;height:18px;animation:ideas-twinkle 4.6s ease-in-out var(--d) infinite;background:#ffb547;position:absolute}@keyframes ideas-glow{to{transform:translate(-10vmax,12vmax)scale(1.15)}}@keyframes ideas-rise{0%{opacity:0;translate:0 108lvh}15%,85%{opacity:.34}50%{translate:-18px 50lvh}to{opacity:0;translate:10px -14lvh}}@keyframes ideas-paper{0%{opacity:0;translate:0 -6lvh;rotate:1 .6 .2 0deg}10%,88%{opacity:.42}50%{translate:34px 50lvh}to{opacity:0;translate:-12px 106lvh;rotate:1 .6 .2 900deg}}@keyframes ideas-twinkle{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:.45;transform:scale(1)rotate(45deg)}}.ideas-nav .fmt-nav__list>li:nth-child(5n+1){--tint:#ff8a65}.ideas-nav .fmt-nav__list>li:nth-child(5n+2){--tint:#ffc857}.ideas-nav .fmt-nav__list>li:nth-child(5n+3){--tint:#5ed3a1}.ideas-nav .fmt-nav__list>li:nth-child(5n+4){--tint:#6cb8ff}.ideas-nav .fmt-nav__list>li:nth-child(5n+5){--tint:#b79cff}.ideas-nav .fmt-nav__marker{color:#3b1d0f;background:var(--tint);box-shadow:0 4px 10px color-mix(in oklab, var(--tint) 45%, transparent);border-radius:7px 7px 7px 14px;transition:transform .25s;transform:rotate(-4deg)}.ideas-nav .fmt-nav__link:hover .fmt-nav__marker{transform:rotate(6deg)scale(1.1)}@media (max-width:1050px){.ideas-nav.fmt-nav--inline{border:1px solid color-mix(in oklab, var(--blog-accent) 22%, var(--panel-border));background:color-mix(in oklab, #fff3e6 70%, var(--panel-strong));border-radius:22px;padding:16px 12px 14px}html[data-theme=dark] .ideas-nav.fmt-nav--inline{background:color-mix(in oklab, var(--blog-accent) 8%, var(--panel-strong))}.blog-article__body .ideas-nav .fmt-nav__list,.ideas-nav.fmt-nav--inline .fmt-nav__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ideas-nav.fmt-nav--inline .fmt-nav__link{height:100%;color:var(--heading);background:color-mix(in oklab, var(--tint) 20%, var(--panel-strong));border-radius:12px 12px 12px 4px;grid-template-columns:1fr;align-content:start;gap:6px;padding:10px;font-size:.8rem}.ideas-nav.fmt-nav--inline li:nth-child(odd) .fmt-nav__link{transform:rotate(-.8deg)}.ideas-nav.fmt-nav--inline li:nth-child(2n) .fmt-nav__link{transform:rotate(.8deg)}.ideas-nav.fmt-nav--inline .fmt-nav__marker{width:26px;height:26px}.ideas-nav.fmt-nav--inline .fmt-nav__text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ideas-nav.fmt-nav--inline .fmt-nav__extras{padding-left:0}}.ideas-meter{--fmt-seg-on:#fbbf24;--fmt-seg-glow:0 0 10px #fbbf24bf}.ideas-meter .fmt-meter__label--idle svg{color:#d97706}.blog-article__body .idea-card{isolation:isolate;transform-origin:50% -24px;gap:16px;margin-top:18px;padding:34px 26px 24px;position:relative}.idea-card:before,.idea-card:after{content:"";border-radius:20px;position:absolute;inset:0}.idea-card:before{z-index:-2;background:color-mix(in oklab, var(--tint) 34%, var(--panel-strong));transform:rotate(-1.6deg)translate(5px,8px)}.idea-card:after{z-index:-1;border:1px solid color-mix(in oklab, var(--tint) 38%, var(--panel-border));background:radial-gradient(circle at 92% 8%, color-mix(in oklab, var(--tint) 22%, transparent), transparent 36%), linear-gradient(165deg, color-mix(in oklab, var(--tint) 14%, var(--panel-strong)), var(--panel-strong) 55%);box-shadow:0 24px 44px -24px color-mix(in oklab, var(--tint) 80%, transparent)}.idea-card__head{gap:8px;padding-right:70px;display:grid}.idea-card__line{border-bottom:2px solid #78482073;border-radius:0 0 50% 50%/0 0 100% 100%;height:22px;position:absolute;top:-24px;left:-16px;right:-16px}html[data-theme=dark] .idea-card__line{border-bottom-color:#fdba7473}.idea-card__pin{background:var(--idea-wood);border-radius:3px;width:13px;height:34px;position:absolute;top:-18px;box-shadow:0 4px 6px #78350f4d}.idea-card__pin:after{content:"";background:#78716c;border-radius:2px;height:3px;position:absolute;top:13px;left:-2px;right:-2px}.idea-card__pin--left{left:20%;rotate:-4deg}.idea-card__pin--right{right:20%;rotate:5deg}.idea-card__no{color:#0000;letter-spacing:-.04em;-webkit-text-stroke:1.6px color-mix(in oklab, var(--tint) 85%, var(--heading));font-size:3.4rem;font-weight:900;line-height:1;position:absolute;top:18px;right:18px}.idea-card__no-fill{color:color-mix(in oklab, var(--tint) 88%, #7c2d12);-webkit-text-stroke:0;opacity:0;position:absolute;inset:0}.idea-card__ribbon{color:#fff;background:var(--idea-heart);opacity:0;border-radius:4px 999px 999px 4px;align-items:center;gap:5px;padding:5px 14px 5px 12px;font-size:.74rem;font-weight:800;transition:transform .4s cubic-bezier(.3,1.5,.5,1),opacity .25s;display:flex;position:absolute;bottom:26px;left:-10px;transform:translate(-14px);box-shadow:0 8px 16px -8px #e11d48b3}.idea-card__ribbon svg{fill:currentColor}.idea-card:has(.idea-save__input:checked) .idea-card__ribbon{opacity:1;transform:none}.idea-card__doodle{z-index:-3;color:color-mix(in oklab, var(--tint) 85%, #7c2d12);opacity:.75;position:absolute}.idea-card__doodle--star{background:var(--tint);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:26px;height:26px;top:80px;right:-46px}.idea-card__doodle--heart{top:42%;left:-46px;rotate:-14deg}.idea-card__doodle--heart svg{fill:currentColor}.idea-card__doodle--swirl{border:3px solid var(--tint);border-color:var(--tint) var(--tint) transparent transparent;border-radius:50%;width:30px;height:30px;bottom:18%;right:-44px;rotate:30deg}.blog-article .idea-card__kicker{color:var(--fmt-ink);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin:0;font-size:.74rem;font-weight:820;display:flex}.blog-article__body .idea-card h2{margin:0}.blog-article__body .idea-card h3.idea-spark{z-index:0;width:fit-content;position:relative}.idea-spark:after{z-index:-1;background:color-mix(in oklab, var(--tint) 48%, transparent);transform-origin:0;content:"";border-radius:4px;height:.48em;position:absolute;bottom:.06em;left:-5px;right:-5px}.idea-deck{gap:8px;display:grid}.blog-article .idea-deck__hint{color:var(--fmt-ink);align-items:center;gap:6px;margin:0;font-size:.8rem;font-weight:760;display:none}.idea-deck__hint span{animation:1.1s ease-in-out 1.5s 6 alternate ideas-nudge;display:inline-block}.blog-article__body .idea-deck .idea-tiles{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:2px 0;padding:0;list-style:none;display:grid}.blog-article__body .idea-tiles li{border:1.5px dashed color-mix(in oklab, var(--tint) 55%, transparent);color:var(--text);background:color-mix(in oklab, var(--tint) 9%, var(--panel-strong));border-radius:18px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:11px;padding:16px 14px;font-size:1rem;line-height:1.55;transition:transform .25s,box-shadow .25s;display:grid}.blog-article__body .idea-tiles li:hover{box-shadow:0 16px 30px -18px color-mix(in oklab, var(--tint) 80%, transparent);transform:translateY(-4px)rotate(-.6deg)}.idea-tiles__no{color:#3b1d0f;background:var(--tint);border-radius:50%;place-items:center;width:34px;height:34px;font-size:.86rem;font-weight:850;display:grid}.idea-save{border:1.5px solid color-mix(in oklab, var(--tint) 65%, var(--panel-border));min-height:44px;color:var(--fmt-ink);background:var(--panel-strong);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-self:end;align-items:center;gap:8px;margin-top:4px;padding:8px 18px;font-size:.86rem;font-weight:780;transition:background-color .2s,color .2s,border-color .2s,transform .2s;display:inline-flex;position:relative}.idea-save:active{transform:scale(.95)}.idea-save input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.idea-save input:checked{counter-increment:idea-saved}.idea-save__on{display:none}.idea-save__burst{background:var(--idea-heart);opacity:0;pointer-events:none;border-radius:50%;width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:22px}.idea-save__burst:nth-of-type(odd){background:#fbbf24}.idea-save:has(input:checked){color:#fff;background:var(--idea-heart);border-color:#0000}.idea-save:has(input:checked) svg{fill:currentColor;animation:.45s cubic-bezier(.3,1.6,.5,1) ideas-heart}.idea-save:has(input:checked) .idea-save__burst{animation:.75s ease-out ideas-burst}.idea-save:has(input:checked) .idea-save__on{display:inline}.idea-save:has(input:checked) .idea-save__off{display:none}.idea-save:has(input:focus-visible){outline:3px solid color-mix(in oklab, var(--idea-heart) 55%, transparent);outline-offset:2px}@keyframes ideas-heart{45%{transform:scale(1.5)}}@keyframes ideas-burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.4)}to{opacity:0;transform:rotate(var(--a)) translateY(-34px) scale(1)}}@keyframes ideas-nudge{to{transform:translate(7px)}}.blog-figure.idea-figure{background:#fffdf8;border-radius:8px;padding:10px 10px 14px;transform:rotate(-.6deg);box-shadow:0 18px 38px -16px #78350f59}html[data-theme=dark] .blog-figure.idea-figure{background:#2b2522}.idea-figure img,.idea-figure video{box-shadow:none;border-radius:4px}.idea-figure figcaption{padding:8px 4px 0;font-style:italic}.idea-table .blog-table th{color:#3b1d0f;background:#ffe2ab;background:lab(91.3409% 4.9561 31.2034)}html[data-theme=dark] .idea-table .blog-table th{color:#fff7ed;background:color-mix(in oklab, #f9734c 35%, var(--panel-strong))}.idea-shortlist{border:2px dashed color-mix(in oklab, var(--idea-heart) 45%, var(--panel-border));background:color-mix(in oklab, var(--idea-heart) 6%, var(--panel-strong));border-radius:26px;gap:16px;padding:clamp(22px,4vw,32px);scroll-margin-top:96px;display:grid}.idea-shortlist__head{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.idea-shortlist__icon{color:#fff;background:var(--idea-heart);border-radius:16px;place-items:center;width:48px;height:48px;display:grid;transform:rotate(-6deg)}.blog-article--ideas:has(.idea-save__input:checked) .idea-shortlist__icon{animation:1.1s ease-in-out 4 ideas-beat}.blog-article .idea-shortlist__kicker{color:var(--fmt-ink);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:850}.blog-article__body .idea-shortlist h2{margin:0;font-size:clamp(1.4rem,3vw,1.9rem)}.blog-article .idea-shortlist__count{color:var(--fmt-ink);background:var(--blog-accent-soft);border-radius:999px;margin:0;padding:6px 12px;font-size:.8rem;font-weight:800}.idea-shortlist__count:before{content:counter(idea-saved) " saved"}.blog-article .idea-shortlist__empty{color:var(--body);margin:0}.blog-article__body .idea-shortlist__list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.idea-shortlist__list li{display:none}.idea-shortlist__list a{min-height:46px;color:var(--heading);background:var(--panel-strong);border-radius:14px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:8px 14px 8px 8px;font-weight:700;text-decoration:none;animation:.45s cubic-bezier(.3,1.5,.5,1) ideas-pop;display:grid;box-shadow:0 8px 20px -14px #78350f80}.idea-shortlist__list a>span{color:#fff;background:var(--idea-heart);border-radius:10px;place-items:center;width:34px;height:34px;font-size:.78rem;font-weight:850;display:grid}.blog-article--ideas:has(.idea-save__input:checked) .idea-shortlist__empty{display:none}.idea-pill{z-index:40;color:#fff;background:var(--idea-heart);border-radius:999px;align-items:center;gap:7px;padding:10px 16px;font-size:.86rem;font-weight:800;text-decoration:none;display:none;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 14px 30px -10px #e11d4899}.idea-pill svg{fill:currentColor}.idea-pill__count:before{content:counter(idea-saved) " saved · View"}.blog-article--ideas:has(.idea-save__input:checked) .idea-pill{animation:.45s cubic-bezier(.3,1.4,.5,1) ideas-pill-in;display:inline-flex}@keyframes ideas-pop{0%{opacity:0;transform:scale(.9)translateY(8px)}}@keyframes ideas-pill-in{0%{opacity:0;transform:translate(-50%,20px)}}@keyframes ideas-beat{0%,to{transform:rotate(-6deg)scale(1)}30%{transform:rotate(-6deg)scale(1.16)}55%{transform:rotate(-6deg)scale(.96)}}@supports (animation-timeline:view()){.ideas-wall__card{animation:ideas-fan .95s cubic-bezier(.2, .9, .25, 1.12) var(--delay) both, ideas-depth linear both;animation-timeline:auto,scroll();animation-range:normal,0 900px}.blog-article__body .idea-card{animation:linear both ideas-swing;animation-timeline:view();animation-range:entry entry 90%}.idea-card__no-fill{animation:linear both ideas-fill;animation-timeline:view();animation-range:cover 20% cover 40%}.idea-card__doodle{animation:linear both ideas-drift;animation-timeline:view()}.idea-card__doodle--heart{animation-name:ideas-drift-reverse}.idea-spark:after{animation:linear both ideas-highlight;animation-timeline:view();animation-range:entry 60% cover 42%}}@supports (animation-timeline:view(inline)){@media (max-width:680px){.blog-article__body .idea-tiles li{animation:linear both ideas-flow;animation-timeline:view(inline)}}}@keyframes ideas-swing{0%{opacity:.4;transform:translateY(-30px)rotate(9deg)}35%{opacity:1;transform:rotate(-4deg)}58%{transform:rotate(2deg)}78%{transform:rotate(-.7deg)}to{transform:none}}@keyframes ideas-fill{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}@keyframes ideas-drift{0%{transform:translateY(46px)rotate(-20deg)}to{transform:translateY(-46px)rotate(25deg)}}@keyframes ideas-drift-reverse{0%{transform:translateY(-40px)scale(.8)}to{transform:translateY(40px)scale(1.15)}}@keyframes ideas-highlight{0%{transform:scaleX(0)}}@keyframes ideas-flow{0%{opacity:.55;transform:perspective(700px)rotateY(34deg)scale(.84)}50%{opacity:1;transform:none}to{opacity:.55;transform:perspective(700px)rotateY(-34deg)scale(.84)}}@media (max-width:1050px){.ideas-bulb{top:-8px;left:auto;right:8px}}@media (max-width:680px){.ideas-bulb{top:-62px;right:8px;transform:scale(.8)}.blog-article__body .idea-card{padding:32px 18px 20px}.idea-card__head{padding-right:52px}.idea-card__no{font-size:2.6rem;top:16px;right:14px}.idea-card__doodle--heart,.idea-card__doodle--swirl{display:none}.idea-card__doodle--star{width:18px;height:18px;top:70px;right:18px}.blog-article__body .idea-card h2{font-size:clamp(1.4rem,6.4vw,1.8rem)}.blog-article .idea-deck__hint{display:flex}.blog-article__body .idea-deck .idea-tiles{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:82%;grid-auto-flow:column;gap:12px;margin:0 -18px;padding:8px 9% 18px;overflow-x:auto}.blog-article__body .idea-deck .idea-tiles::-webkit-scrollbar{display:none}.blog-article__body .idea-tiles li{scroll-snap-align:center;background:color-mix(in oklab, var(--tint) 13%, var(--panel-strong));grid-template-columns:1fr;align-content:start;gap:12px;min-height:170px;padding:18px 16px}.idea-shortlist__head{grid-template-columns:44px minmax(0,1fr)}.blog-article .idea-shortlist__count{grid-column:1/-1;justify-self:start}}@media (prefers-reduced-motion:reduce){.ideas-wall__card,.ideas-wall__photo,.ideas-bulb__icon,.ideas-bulb__glow,.ideas-bulb__confetti,.blog-article__body .idea-card,.idea-card__no-fill,.idea-card__doodle,.idea-spark:after,.idea-deck__hint span,.blog-article__body .idea-tiles li,.idea-save svg,.idea-save__burst,.idea-shortlist__icon,.idea-shortlist__list a,.idea-pill{animation:none!important}.idea-card__no-fill{opacity:1}}.blog-article--ideas:has(.idea-save__input[data-idea="1"]:checked) .idea-shortlist__list [data-idea="1"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="2"]:checked) .idea-shortlist__list [data-idea="2"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="3"]:checked) .idea-shortlist__list [data-idea="3"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="4"]:checked) .idea-shortlist__list [data-idea="4"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="5"]:checked) .idea-shortlist__list [data-idea="5"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="6"]:checked) .idea-shortlist__list [data-idea="6"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="7"]:checked) .idea-shortlist__list [data-idea="7"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="8"]:checked) .idea-shortlist__list [data-idea="8"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="9"]:checked) .idea-shortlist__list [data-idea="9"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="10"]:checked) .idea-shortlist__list [data-idea="10"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="11"]:checked) .idea-shortlist__list [data-idea="11"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="12"]:checked) .idea-shortlist__list [data-idea="12"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="13"]:checked) .idea-shortlist__list [data-idea="13"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="14"]:checked) .idea-shortlist__list [data-idea="14"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="15"]:checked) .idea-shortlist__list [data-idea="15"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="16"]:checked) .idea-shortlist__list [data-idea="16"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="17"]:checked) .idea-shortlist__list [data-idea="17"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="18"]:checked) .idea-shortlist__list [data-idea="18"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="19"]:checked) .idea-shortlist__list [data-idea="19"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="20"]:checked) .idea-shortlist__list [data-idea="20"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="21"]:checked) .idea-shortlist__list [data-idea="21"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="22"]:checked) .idea-shortlist__list [data-idea="22"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="23"]:checked) .idea-shortlist__list [data-idea="23"]{display:block}.blog-article--ideas:has(.idea-save__input[data-idea="24"]:checked) .idea-shortlist__list [data-idea="24"]{display:block}
.blog-article--messages{--blog-accent:#e05780;--blog-accent-strong:#9d4edd;--blog-accent-soft:#e057801f;--fmt-ink:#be185d;--fmt-spy-bg:#e0578024;--msg-serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--msg-rose:#e05780;--msg-wine:#b4234a;--msg-gold:#c99a3b;--msg-card:#fffdfb;--msg-paper-a:#fff5f7;--msg-paper-b:#fffaf0;--msg-paper-c:#f7f3ff}html[data-theme=dark] .blog-article--messages{--fmt-ink:#f9a8d4;--msg-card:color-mix(in oklab, #e05780 6%, var(--panel-strong));--msg-paper-a:color-mix(in oklab, #e05780 12%, var(--panel-strong));--msg-paper-b:color-mix(in oklab, #c99a3b 12%, var(--panel-strong));--msg-paper-c:color-mix(in oklab, #9d4edd 12%, var(--panel-strong))}.blog-article--messages .blog-article-hero__visual{animation:1.15s cubic-bezier(.2,.9,.25,1.06) .25s both msg-rise;box-shadow:0 30px 60px -26px #9d174d73}.msg-stage__back,.msg-stage__pocket{border-radius:12px;position:absolute;bottom:-15%;left:-7%;right:-7%}.msg-stage__back{background:linear-gradient(#f3b6c6,#e78aa6);top:52%;box-shadow:0 34px 60px -28px #9d174d8c}.msg-stage__pocket{clip-path:polygon(0 0,50% 44%,100% 0,100% 100%,0 100%);background:linear-gradient(to top right,#0000 calc(50% - 1px),#9d174d29 50%,#0000 calc(50% + 1px)) 0 100%/50% 100% no-repeat,linear-gradient(to top left,#0000 calc(50% - 1px),#9d174d29 50%,#0000 calc(50% + 1px)) 100% 100%/50% 100% no-repeat,linear-gradient(#fad6df,#f0a8bc);border-radius:0 0 12px 12px;top:66%}html[data-theme=dark] .msg-stage__pocket{background:linear-gradient(to top right,#0000 calc(50% - 1px),#00000038 50%,#0000 calc(50% + 1px)) 0 100%/50% 100% no-repeat,linear-gradient(to top left,#0000 calc(50% - 1px),#00000038 50%,#0000 calc(50% + 1px)) 100% 100%/50% 100% no-repeat,linear-gradient(#c45a79,#9d3a5c)}.msg-stage__seal{color:#fff;background:radial-gradient(circle at 35% 30%, #f07a98, var(--msg-wine) 72%);border-radius:50%;place-items:center;width:48px;height:48px;animation:.6s cubic-bezier(.3,1.7,.5,1) 1.15s both msg-seal-pop;display:grid;position:absolute;top:calc(87% - 24px);left:calc(50% - 24px);box-shadow:0 0 0 4px #b4234a2e,0 10px 18px -6px #b4234ab3}.msg-stage__seal svg,.msg-stage__heart svg{fill:currentColor}.msg-stage__heart{top:70%;left:var(--x);color:#f43f5e;opacity:0;animation:msg-heart-up 2.8s ease-out var(--d) 2 both;position:absolute}@keyframes msg-rise{0%{translate:0 24%}}@keyframes msg-seal-pop{0%{opacity:0;transform:scale(2.2)rotate(-35deg)}}@keyframes msg-heart-up{0%{opacity:0;transform:translateY(0)scale(.4)}15%{opacity:.95}to{opacity:0;transform:translate(12px,-170px)scale(1.15)rotate(14deg)}}.msg-ambient__wash{aspect-ratio:1.2;opacity:.8;border-radius:42% 58% 61% 39%/47% 41% 59% 53%;width:64vmax;animation:38s ease-in-out infinite alternate msg-wash;position:absolute}.msg-ambient__wash--a{background:radial-gradient(closest-side,#f472b642,#0000);top:-26vmax;left:-22vmax}.msg-ambient__wash--b{background:radial-gradient(closest-side,#c99a3b38,#0000);animation-duration:45s;animation-direction:alternate-reverse;top:30%;right:-30vmax}.msg-ambient__wash--c{background:radial-gradient(closest-side,#9d4edd2e,#0000);animation-duration:52s;bottom:-30vmax;left:10%}.msg-ambient__petal{top:0;left:var(--x);width:var(--s);height:calc(var(--s) * 1.3);opacity:0;animation:msg-fall var(--t) linear var(--d) infinite;background:linear-gradient(135deg,#f9a8c4,#e05780);border-radius:150% 0;position:absolute;translate:0 -8lvh}.msg-ambient__heart{top:0;left:var(--x);color:#e0578073;opacity:0;animation:msg-heart-float var(--t) linear var(--d) infinite;position:absolute;translate:0 106lvh}.msg-ambient__glint{top:var(--y);left:var(--x);background:var(--msg-gold);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;width:16px;height:16px;animation:msg-glint 5s ease-in-out var(--d) infinite;position:absolute}.msg-ambient__envelope{opacity:.55;background:linear-gradient(to bottom right,#0000 calc(50% - 1px),#e0578059 50%,#0000 calc(50% + 1px)) 0 0/50% 60% no-repeat,linear-gradient(to bottom left,#0000 calc(50% - 1px),#e0578059 50%,#0000 calc(50% + 1px)) 100% 0/50% 60% no-repeat;border:1.5px solid #e0578059;border-radius:4px;width:54px;height:36px;animation:48s linear infinite msg-drift;position:absolute;left:-80px}.msg-ambient__envelope--a{top:26%}.msg-ambient__envelope--b{animation-duration:56s;animation-delay:-24s;top:68%}@keyframes msg-wash{to{transform:translate(8vmax,10vmax)rotate(24deg)scale(1.1)}}@keyframes msg-fall{0%{opacity:0;translate:0 -8lvh;rotate:none}10%,88%{opacity:.34}50%{translate:40px 50lvh}to{opacity:0;translate:-10px 108lvh;rotate:520deg}}@keyframes msg-heart-float{0%{opacity:0;translate:0 106lvh;rotate:-10deg}15%,85%{opacity:.6}50%{translate:-24px 50lvh;rotate:10deg}to{opacity:0;translate:12px -10lvh;rotate:-6deg}}@keyframes msg-glint{0%,to{opacity:0;transform:scale(.3)rotate(0)}50%{opacity:.55;transform:scale(1)rotate(45deg)}}@keyframes msg-drift{0%{transform:translate(0)rotate(-8deg)}to{transform:translate(calc(100vw + 160px))rotate(10deg)}}.msg-nav .fmt-nav__marker{color:#fff;background:radial-gradient(circle at 35% 30%, #f07a98, var(--msg-wine) 72%);font-family:var(--msg-serif);border-radius:50%;font-size:.82rem;position:relative}.msg-nav .fmt-nav__text{font-family:var(--msg-serif);font-size:.92rem}@media (max-width:1050px){.msg-nav.fmt-nav--inline{border:1px solid color-mix(in oklab, var(--msg-rose) 24%, var(--panel-border));background:var(--msg-paper-a);border-radius:6px 22px 22px;padding:16px 12px 14px}.msg-nav.fmt-nav--inline .fmt-nav__link{border-bottom:1px dashed color-mix(in oklab, var(--msg-rose) 30%, transparent);border-radius:0}.msg-nav.fmt-nav--inline li:last-child .fmt-nav__link{border-bottom:0}}.msg-meter{--fmt-meter-bg:var(--msg-paper-a);--fmt-seg-on:var(--msg-rose);--fmt-seg-glow:0 0 10px #e0578099;--fmt-seg-now:1.25}.msg-meter .fmt-meter__label--idle svg{color:var(--msg-rose)}.msg-meter .fmt-meter__seg{background:linear-gradient(to bottom right,#0000 calc(50% - 1px),#e0578080 50%,#0000 calc(50% + 1px)) 0 0/50% 75% no-repeat,linear-gradient(to bottom left,#0000 calc(50% - 1px),#e0578080 50%,#0000 calc(50% + 1px)) 100% 0/50% 75% no-repeat,#e0578014;border:1px solid #e0578066;border-radius:3px;height:14px}.blog-article__body .msg-collection{border:1px solid color-mix(in oklab, var(--msg-rose) 20%, var(--panel-border));background:radial-gradient(circle, #e057801f 1.4px, transparent 2px) 0 0 / 18px 18px, var(--msg-paper-a);transform-origin:50% 0;border-radius:24px;gap:18px;padding:28px 24px 26px;position:relative;box-shadow:0 26px 50px -36px #9d174d99}.msg-head{grid-template-columns:54px minmax(0,1fr);align-items:center;gap:2px 14px;display:grid}.msg-head__seal{color:#fff7f0;background:radial-gradient(circle at 35% 30%, #f07a98, var(--msg-wine) 72%);width:54px;height:54px;box-shadow:0 0 0 4px color-mix(in oklab, var(--msg-wine) 16%, transparent), inset 0 -4px 7px #00000038, 0 10px 20px -8px #b4234ab3;font-family:var(--msg-serif);border-radius:50%;grid-row:span 2;place-items:center;font-size:1.3rem;font-weight:700;display:grid;position:relative}.msg-head__seal:after{content:"";border:1.5px dashed #ffffff8c;border-radius:50%;position:absolute;inset:6px}.blog-article .msg-head__kicker{color:var(--fmt-ink);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:820}.blog-article__body .msg-collection .msg-head h2,.blog-article__body .msg-collection h3.msg-sub{font-family:var(--msg-serif);letter-spacing:-.01em;font-style:italic;font-weight:650}.msg-head h2{margin:0}.msg-head__rule{background:linear-gradient(90deg, transparent, color-mix(in oklab, var(--msg-rose) 55%, transparent) 25%, color-mix(in oklab, var(--msg-gold) 60%, transparent) 75%, transparent) center / 100% 1px no-repeat;grid-column:1/-1;height:14px;margin-top:8px;position:relative}.msg-head__rule:before{background:var(--msg-gold);content:"";width:8px;height:8px;position:absolute;top:3px;left:calc(50% - 4px);transform:rotate(45deg)}.blog-article .msg-hint{color:var(--fmt-ink);align-items:center;gap:7px;margin:0;font-size:.8rem;font-weight:720;display:flex}.msg-cards-wrap{gap:10px;display:grid}.blog-article__body .msg-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.blog-article__body .msg-card{border:1px solid color-mix(in oklab, var(--msg-rose) 18%, var(--panel-border));background:linear-gradient(90deg, #9d174d1a, transparent 14px) left / 14px 100% no-repeat, var(--msg-card);border-radius:4px 20px 20px 4px;padding:34px 20px 18px 26px;transition:transform .25s,box-shadow .25s;position:relative;box-shadow:0 16px 30px -22px #9d174d8c}.msg-card:before{color:color-mix(in oklab, var(--msg-rose) 40%, transparent);font-family:var(--msg-serif);content:"“";font-size:4.2rem;line-height:1;position:absolute;top:-4px;left:18px}.msg-card:after{border:2px dotted color-mix(in oklab, var(--msg-rose) 55%, transparent);background:radial-gradient(circle at 50% 55%, color-mix(in oklab, var(--msg-rose) 45%, transparent) 0 5px, transparent 6px), color-mix(in oklab, var(--msg-gold) 18%, transparent);content:"";border-radius:3px;width:26px;height:30px;position:absolute;top:12px;right:14px}.msg-card__no{color:color-mix(in oklab, var(--fmt-ink) 75%, var(--muted));font-family:var(--msg-serif);font-size:.78rem;font-style:italic;position:absolute;top:16px;right:50px}.msg-card__cover{display:none}.blog-article__body .msg-card__text{color:var(--heading);font-family:var(--msg-serif);cursor:text;-webkit-user-select:all;user-select:all;margin:0;font-size:1.1rem;line-height:1.62}.msg-card__text::selection,.msg-letter__text::selection{background:color-mix(in oklab, var(--msg-rose) 30%, transparent)}.blog-article__body .msg-card:hover{transform:translateY(-3px)rotate(-.4deg);box-shadow:0 22px 38px -22px #9d174da6}.blog-article__body .msg-tips{gap:10px;margin:2px 0;padding:0;list-style:none;display:grid}.msg-tips li{color:var(--text);grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:1.02rem;line-height:1.6;display:grid}.msg-tips svg{color:var(--msg-rose);margin-top:4px}.msg-letter{background:linear-gradient(90deg, transparent 32px, color-mix(in oklab, var(--msg-rose) 45%, transparent) 32px 33.5px, transparent 33.5px), repeating-linear-gradient(transparent 0 31px, #60a5fa38 31px 32px), var(--msg-paper-b);border-radius:6px;gap:6px;padding:18px 22px 18px 46px;display:grid;position:relative;box-shadow:0 18px 34px -24px #78350f80}@supports (color:lab(0% 0 0)){.msg-letter{background:linear-gradient(90deg, transparent 32px, color-mix(in oklab, var(--msg-rose) 45%, transparent) 32px 33.5px, transparent 33.5px), repeating-linear-gradient(transparent 0 31px, lab(66.0368% -2.92006 -49.7488/.22) 31px 32px), var(--msg-paper-b)}}.msg-letter__label{color:var(--fmt-ink);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:820}.blog-article__body .msg-letter__text{color:var(--heading);font-family:var(--msg-serif);white-space:pre-line;-webkit-user-select:all;user-select:all;margin:0;font-size:1.08rem;line-height:32px}.blog-figure.msg-figure{border:1px solid color-mix(in oklab, var(--msg-gold) 40%, var(--panel-border));background:var(--msg-paper-b);border-radius:6px;padding:10px}.msg-table .blog-table th{color:var(--heading);background:color-mix(in oklab, var(--msg-gold) 22%, var(--panel-strong));font-family:var(--msg-serif);font-style:italic}.msg-signoff{background:repeating-linear-gradient(135deg, var(--msg-rose) 0 10px, transparent 10px 20px, #60a5fa 20px 30px, transparent 30px 40px) top / 100% 7px no-repeat, var(--msg-paper-a);view-timeline-name:--msg-signoff;border-radius:8px 28px;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:18px 28px;padding:clamp(22px,4vw,34px);display:grid;box-shadow:0 22px 40px -28px #9d174d99}.msg-signoff__art{perspective:700px;grid-area:1/2;height:160px;position:relative}.msg-signoff__letter{z-index:1;background:repeating-linear-gradient(#0000 0 13px,#e057804d 13px 14px) 12px 18px/calc(100% - 24px) 60px no-repeat,#fffaf5;border-radius:4px;height:92px;position:absolute;top:8px;left:18px;right:18px;box-shadow:0 6px 14px #9d174d2e}.msg-signoff__body{z-index:2;clip-path:polygon(0 0,50% 50%,100% 0,100% 100%,0 100%);background:linear-gradient(#f8cdd8,#f1a9bd);border-radius:0 0 10px 10px;height:96px;position:absolute;bottom:0;left:0;right:0}.msg-signoff__flap{z-index:3;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;background:linear-gradient(#efa0b6,#e48aa5);height:58px;position:absolute;top:64px;left:0;right:0}.msg-signoff__seal{z-index:4;color:#fff;background:radial-gradient(circle at 35% 30%, #f07a98, var(--msg-wine) 72%);border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:100px;left:calc(50% - 19px);box-shadow:0 8px 16px -6px #b4234ab3}.msg-signoff__seal svg{fill:currentColor}.msg-signoff__copy{gap:12px;display:grid}.blog-article .msg-signoff__kicker{color:var(--fmt-ink);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:850}.blog-article__body .msg-signoff h2{font-family:var(--msg-serif);margin:0;font-size:clamp(1.4rem,3vw,1.9rem);font-style:italic}.blog-article__body .msg-signoff__list{counter-reset:msg-tip;gap:10px;margin:0;padding:0;list-style:none;display:grid}.msg-signoff__list li{color:var(--text);font-family:var(--msg-serif);counter-increment:msg-tip;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:10px;font-size:1.06rem;display:grid}.msg-signoff__list li:before{color:#fff;background:var(--msg-rose);content:counter(msg-tip);border-radius:50%;place-items:center;width:30px;height:30px;font-family:inherit;font-weight:700;display:grid}@supports (animation-timeline:view()){.blog-article__body .msg-collection{animation:linear both msg-unfold;animation-timeline:view();animation-range:entry entry 75%}.msg-head__seal{animation:linear both msg-press;animation-timeline:view();animation-range:entry 20% cover 30%}.msg-head__rule:before{animation:linear both msg-spin;animation-timeline:view();animation-range:entry cover 40%}.msg-card__cover{z-index:3;border-radius:inherit;color:#fff;font-family:var(--msg-serif);backface-visibility:hidden;transform-origin:0;background:radial-gradient(circle,#ffffff38 1.5px,#0000 2px) 0 0/16px 16px,linear-gradient(140deg,#f07a98,#b4234a);place-content:center;justify-items:center;gap:6px;font-size:.9rem;font-style:italic;animation:linear both msg-open;animation-timeline:view();animation-range:entry 25% cover 36%;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 0 6px #ffffff2e,inset 0 0 0 7px #c99a3b99}.msg-card__cover svg{fill:#ffffffe6}.msg-letter{animation:linear both msg-letter-rise;animation-timeline:view();animation-range:entry entry 70%}.msg-signoff__letter{animation:linear both msg-letter-in;animation-timeline:--msg-signoff;animation-range:entry 40% cover 48%}.msg-signoff__flap{animation:linear both msg-flap-close;animation-timeline:--msg-signoff;animation-range:cover 40% cover 56%}.msg-signoff__seal{animation:linear both msg-seal-press;animation-timeline:--msg-signoff;animation-range:cover 54% cover 64%}}@keyframes msg-unfold{0%{opacity:.35;transform:perspective(1000px)rotateX(-30deg)translateY(30px)}}@keyframes msg-press{0%{opacity:0;transform:scale(1.7)rotate(-25deg)}70%{opacity:1;transform:scale(.94)rotate(4deg)}}@keyframes msg-spin{0%{transform:rotate(-135deg)scale(.2)}}@keyframes msg-open{0%{transform:perspective(900px)rotateY(0)}80%{opacity:1}to{opacity:0;transform:perspective(900px)rotateY(-160deg)}}@keyframes msg-letter-rise{0%{transform:translateY(34px)rotate(-1.5deg)}}@keyframes msg-letter-in{0%{transform:translateY(-34px)}to{transform:translateY(26px)}}@keyframes msg-flap-close{0%,55%{z-index:0;transform:rotateX(180deg)}56%,to{z-index:3}to{transform:rotateX(0)}}@keyframes msg-seal-press{0%{opacity:0;transform:scale(2.2)rotate(-30deg)}70%{opacity:1;transform:scale(.92)}}@media (max-width:1050px){.blog-article--messages .blog-article-hero{padding-bottom:56px}}@media (max-width:680px){.blog-article__body .msg-collection{padding:22px 14px 18px}.msg-head{grid-template-columns:46px minmax(0,1fr)}.msg-head__seal{width:46px;height:46px;font-size:1.1rem}.blog-article__body .msg-collection .msg-head h2{font-size:clamp(1.45rem,6.6vw,1.85rem)}.msg-letter{padding-left:40px}.msg-signoff{grid-template-columns:1fr}.msg-signoff__art{grid-column:1;justify-self:center;width:190px;height:150px}.msg-signoff__copy{grid-row:2}}@media (prefers-reduced-motion:reduce){.blog-article--messages .blog-article-hero__visual,.blog-article__body .msg-collection,.msg-head__seal,.msg-head__rule:before,.msg-letter,.msg-signoff__letter,.msg-signoff__flap,.msg-signoff__seal{animation:none!important}.msg-card__cover{display:none!important}.blog-article__body .msg-card{transition:none}}
@property --plan-pct{syntax:"<integer>";inherits:false;initial-value:0}.blog-article--planner{--blog-accent:#2563eb;--blog-accent-strong:#0ea5e9;--blog-accent-soft:#2563eb1a;--fmt-ink:#1d4ed8;--fmt-spy-bg:#2563eb1f;--plan-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Consolas, monospace;--plan-line:#2563eb17;--plan-chip:#dbeafe;--plan-chip-ink:#1e3a8a;--plan-marker:#facc15bf;--plan-blueprint:#1d4ed8}html[data-theme=dark] .blog-article--planner{--fmt-ink:#93c5fd;--plan-line:#93c5fd1a;--plan-chip:#3b82f638;--plan-chip-ink:#dbeafe;--plan-blueprint:#1e3a8a}.blog-article__body .plan-page,.plan-summary{background-image:linear-gradient(var(--plan-line) 1px, transparent 1px), linear-gradient(90deg, var(--plan-line) 1px, transparent 1px);background-size:22px 22px}.plan-stage-front{container-type:inline-size}.plan-stage__sheet{background:linear-gradient(#ffffff24 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(90deg, #ffffff24 1px, transparent 1px) 0 0 / 20px 20px, var(--plan-blueprint);border-radius:12px;animation:.8s ease-out .1s both plan-sheet-in;position:absolute;inset:-10% -9% -13%;rotate:-2.5deg;box-shadow:0 30px 60px -26px #1d4ed899}.plan-stage__dim{background:#ffffffd9;position:absolute}.plan-stage__dim b{color:#fff;background:var(--plan-blueprint);font-family:var(--plan-mono);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:.66rem;position:absolute}.plan-stage__dim--width{height:2px;animation:.8s ease-out .9s both plan-draw-x;top:-6%;left:2%;right:2%}.plan-stage__dim--width b{top:-9px;left:50%;transform:translate(-50%)}.plan-stage__dim--height{width:2px;animation:.8s ease-out 1.15s both plan-draw-y;top:3%;bottom:3%;right:-5%}.plan-stage__dim--height b{writing-mode:vertical-rl;top:50%;left:-9px;transform:translateY(-50%)}.plan-stage__mark{background:linear-gradient(#ffffffd9,#ffffffd9) 50%/1.5px 160% no-repeat,linear-gradient(#ffffffd9,#ffffffd9) 50%/160% 1.5px no-repeat;border:1.5px solid #ffffffd9;border-radius:50%;width:24px;height:24px;animation:.5s cubic-bezier(.3,1.6,.5,1) 1.3s both plan-pop;position:absolute}.plan-stage__mark--tl{top:-8%;left:-6%}.plan-stage__mark--br{animation-delay:1.45s;bottom:-10%;right:-6%}.plan-stage__arc{transform-origin:0 100%;border:2px dashed #facc15e6;border-color:#facc15e6 #facc15e6 #0000 #0000;border-radius:50%;width:90px;height:90px;animation:1s ease-out 1.5s both plan-arc;position:absolute;bottom:-8%;left:-7%}.plan-stage__ruler{background:repeating-linear-gradient(90deg,#78350f8c 0 1px,#0000 1px 10px) bottom/100% 8px no-repeat,repeating-linear-gradient(90deg,#78350fbf 0 1.5px,#0000 1.5px 50px) bottom/100% 13px no-repeat,linear-gradient(#fde68a,#facc15);border-radius:4px;height:22px;animation:.7s cubic-bezier(.2,.9,.25,1.1) 1s both plan-ruler-in;position:absolute;bottom:-9%;left:6%;right:6%;box-shadow:0 10px 18px -8px #78350f80}.plan-stage__pencil{color:#f59e0b;animation:2.2s ease-in-out 1.4s both plan-pencil-run;position:absolute;bottom:-3%;left:6%;rotate:-30deg}.plan-stage__stamp{color:#dc2626;font-family:var(--plan-mono);letter-spacing:.14em;outline-offset:3px;text-transform:uppercase;background:#fff9;border:4px solid #dc2626;border-radius:8px;outline:2px solid #dc262666;padding:6px 14px;font-size:1.05rem;font-weight:900;animation:.5s cubic-bezier(.3,1.6,.5,1) 2s both plan-slam;position:absolute;top:56%;left:3%;rotate:-14deg}@keyframes plan-sheet-in{0%{opacity:0;transform:translateY(30px)rotate(-5deg)}}@keyframes plan-draw-x{0%{clip-path:inset(-20px 50%)}to{clip-path:inset(-20px -40px)}}@keyframes plan-draw-y{0%{clip-path:inset(50% -40px)}to{clip-path:inset(-20px -40px)}}@keyframes plan-pop{0%{opacity:0;transform:scale(0)rotate(-90deg)}}@keyframes plan-arc{0%{opacity:0;transform:rotate(-110deg)}}@keyframes plan-ruler-in{0%{opacity:0;transform:translateY(34px)}}@keyframes plan-pencil-run{0%{opacity:0;transform:translate(0)}12%{opacity:1}to{transform:translate(70cqi)}}@keyframes plan-slam{0%{opacity:0;transform:scale(2.6)}}.plan-ambient__grid{background-image:linear-gradient(#2563eb1c 1px,#0000 1px),linear-gradient(90deg,#2563eb1c 1px,#0000 1px);background-size:48px 48px;animation:14s linear infinite plan-pan;position:absolute;inset:-48px}.plan-ambient__scan{opacity:.6;background:linear-gradient(90deg,#0000,#0ea5e980 30% 70%,#0000);height:2px;animation:11s linear infinite plan-scan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 12px #0ea5e973}.plan-ambient__room{top:var(--y);left:var(--x);width:var(--w);height:var(--h);opacity:0;animation:plan-room 14s ease-in-out var(--d) infinite;border:1.5px dashed #2563eb59;border-radius:2px;position:absolute}.plan-ambient__room:after{background:var(--panel);content:"";width:28%;height:1.5px;position:absolute;bottom:-1.5px;left:30%}.plan-ambient__compass{background:repeating-conic-gradient(#2563eb38 0 .6deg, transparent .6deg 10deg);border:1.5px solid #2563eb38;border-radius:50%;width:300px;height:300px;animation:140s linear infinite plan-spin;position:absolute;bottom:-70px;right:-90px;-webkit-mask-image:radial-gradient(circle,#0000 0 118px,#000 119px);mask-image:radial-gradient(circle,#0000 0 118px,#000 119px)}.plan-ambient__cross{top:var(--y);left:var(--x);opacity:0;width:22px;height:22px;animation:plan-blink 7s ease-in-out var(--d) infinite;background:linear-gradient(#2563eb73,#2563eb73) 50%/2px 100% no-repeat,linear-gradient(#2563eb73,#2563eb73) 50%/100% 2px no-repeat;position:absolute}@keyframes plan-pan{to{transform:translate(48px,48px)}}@keyframes plan-scan{0%{transform:translateY(-10px)}to{transform:translateY(100lvh)}}@keyframes plan-room{0%,to{opacity:0;transform:scale(.9)}40%,60%{opacity:.7;transform:scale(1)}}@keyframes plan-spin{to{transform:rotate(360deg)}}@keyframes plan-blink{0%,to{opacity:0;transform:scale(.4)rotate(0)}45%,60%{opacity:.55;transform:scale(1)rotate(90deg)}}.plan-nav .fmt-nav__link{grid-template-columns:44px minmax(0,1fr)}.plan-nav .fmt-nav__marker{color:#fff;width:44px;height:28px;font-family:var(--plan-mono);letter-spacing:.04em;background:#1d4ed8;border-radius:6px 6px 2px 2px;font-size:.72rem}.plan-nav li:nth-child(3n+2) .fmt-nav__marker{background:#0ea5e9}.plan-nav li:nth-child(3n) .fmt-nav__marker{color:#422006;background:#facc15}@media (max-width:1050px){.plan-nav.fmt-nav--inline{background-color:var(--panel-strong);background-image:linear-gradient(var(--plan-line) 1px, transparent 1px), linear-gradient(90deg, var(--plan-line) 1px, transparent 1px);background-size:22px 22px;border:1px solid #2563eb38;border-radius:6px 6px 18px 18px;padding:16px 12px 12px}}.plan-board{view-timeline-name:--plan-board}.plan-meter{--fmt-seg-on:#1d4ed8;--fmt-seg-now:1.5}.plan-meter .fmt-meter__label b{font-family:var(--plan-mono)}.plan-meter .fmt-meter__label--idle svg{color:var(--fmt-ink)}.plan-meter .fmt-meter__track{align-items:center;gap:3px}.plan-meter .fmt-meter__seg{background:repeating-linear-gradient(90deg,#2563eb73 0 1px,#0000 1px 6px) bottom/100% 5px no-repeat,#2563eb1a;border-radius:2px;height:10px}.plan-meter__pct{min-width:44px;color:var(--fmt-ink);font-family:var(--plan-mono);text-align:right;counter-reset:plan-pct var(--plan-pct);flex:none;font-size:.74rem;font-style:normal;font-weight:800}.plan-meter__pct:after{content:counter(plan-pct) "%"}.blog-article__body .plan-page{background-color:var(--panel-strong);transform-origin:50% 0;border:1px solid #2563eb33;border-radius:6px 6px 18px 18px;gap:16px;padding:48px 26px 24px;position:relative;box-shadow:0 24px 44px -32px #1e3a8a99}.plan-head{gap:8px;display:grid}.plan-head__rings{background:repeating-linear-gradient(90deg, transparent 0 8px, #64748b 8px 12px, transparent 12px 24px) top / 100% 18px no-repeat, radial-gradient(circle at 10px 19px, color-mix(in oklab, var(--panel) 70%, #c7d2fe) 0 3.5px, #1e3a8a59 4px, transparent 5px) 0 0 / 24px 26px repeat-x;height:26px;position:absolute;top:-10px;left:18px;right:92px}.blog-article .plan-head__tab{color:#fff;font-family:var(--plan-mono);letter-spacing:.1em;text-transform:uppercase;background:#1d4ed8;border-radius:8px 8px 0 0;margin:0;padding:6px 12px 8px;font-size:.72rem;font-weight:750;position:absolute;top:-14px;right:20px}.blog-article__body .plan-page .plan-head h2{margin:0;padding-bottom:12px;position:relative}.plan-head h2:after{background:var(--plan-marker);transform-origin:0;content:"";border-radius:4px;width:72px;height:7px;position:absolute;bottom:0;left:0}.blog-article .plan-page>.plan-stamp{color:#2563eb;font-family:var(--plan-mono);letter-spacing:.12em;outline-offset:2px;text-transform:uppercase;opacity:.85;border:2.5px solid #2563eb;border-radius:8px;outline:1.5px solid #2563eb73;justify-self:end;margin:6px 4px 0 0;padding:6px 12px;font-size:.76rem;font-weight:800;transform:rotate(-7deg)}.blog-article .plan-page>.plan-stamp span{opacity:.7}html[data-theme=dark] .blog-article .plan-page>.plan-stamp{color:#93c5fd;border-color:#93c5fd}.blog-article__body .blog-content-section>ol.plan-schedule{background:0 0;border:0;gap:0;margin:4px 0;padding:0;list-style:none;display:grid}.blog-article__body .plan-schedule li{grid-template-columns:18px minmax(0,1fr);gap:4px 14px;padding:0 0 18px;display:grid;position:relative}.plan-schedule li:before{background:var(--panel-strong);content:"";border:3.5px solid #2563eb;border-radius:50%;grid-row:1;width:18px;height:18px;margin-top:2px}.plan-schedule li:after{transform-origin:top;content:"";border-left:2px dashed #2563eb73;position:absolute;top:22px;bottom:0;left:8px}.plan-schedule li:last-child{padding-bottom:0}.plan-schedule li:last-child:after{display:none}.plan-schedule__when{color:var(--plan-chip-ink);background:var(--plan-chip);font-family:var(--plan-mono);border-radius:6px;grid-column:2;justify-self:start;padding:3px 10px;font-size:.78rem;font-weight:750}.plan-schedule__what{color:var(--text);grid-column:2;font-size:1.02rem;line-height:1.62}.blog-article__body .blog-content-section>ul.plan-fields{background:var(--panel-strong);border:1px solid #2563eb38;border-radius:12px;gap:0;margin:2px 0;padding:4px 16px;list-style:none;display:grid}.blog-article__body .plan-fields li{color:var(--text);border-bottom:1.5px dotted #2563eb52;grid-template-columns:20px minmax(0,1fr);gap:12px;padding:12px 0;font-size:1rem;line-height:1.6;display:grid}.plan-fields li:last-child{border-bottom:0}.plan-fields__box{border:2px solid #3b82f6;border-radius:4px;width:18px;height:18px;margin-top:4px;position:relative}.plan-fields__box:after{opacity:0;content:"";border-bottom:3px solid #16a34a;border-right:3px solid #16a34a;width:7px;height:14px;position:absolute;top:-5px;left:4px;transform:rotate(40deg)scale(0)}.plan-fields__label{color:var(--fmt-ink);font-family:var(--plan-mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:.74rem;display:block}.plan-table .blog-table th{color:#fff;font-family:var(--plan-mono);letter-spacing:.06em;text-transform:uppercase;background:#1d4ed8;font-size:.74rem}.plan-table .blog-table td:first-child{color:var(--heading);font-weight:720}.blog-figure.plan-figure{border:1.5px dashed #2563eb73;border-radius:10px;padding:8px}.plan-summary{background-color:var(--panel-strong);view-timeline-name:--plan-summary;border:1px solid #2563eb38;border-radius:6px 6px 18px 18px;gap:14px;padding:clamp(22px,4vw,32px);display:grid;position:relative}.plan-summary__stamp{color:#dc2626;font-family:var(--plan-mono);letter-spacing:.14em;outline-offset:3px;text-transform:uppercase;opacity:.85;border:4px solid #dc2626;border-radius:8px;outline:2px solid #dc262666;padding:6px 14px;font-size:1rem;font-weight:900;position:absolute;top:22px;right:18px;rotate:12deg}.plan-summary__head{color:var(--fmt-ink);align-items:center;gap:14px;display:flex}.blog-article .plan-summary__kicker{color:var(--fmt-ink);font-family:var(--plan-mono);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:750}.blog-article__body .plan-summary h2{margin:0;font-size:clamp(1.4rem,3vw,1.9rem)}.blog-article__body .plan-summary__list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.plan-summary__list a{color:var(--heading);grid-template-columns:20px minmax(0,max-content) minmax(20px,1fr) auto;align-items:baseline;gap:10px;padding:8px 0;font-weight:650;text-decoration:none;display:grid}.plan-summary__tick{border:2px solid #3b82f6;border-radius:50%;align-self:center;width:18px;height:18px;position:relative}.plan-summary__tick:after{content:"";border-bottom:2.5px solid #fff;border-right:2.5px solid #fff;width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(40deg)}.plan-summary__dots{border-bottom:2px dotted #2563eb66}.plan-summary__page{color:var(--fmt-ink);font-family:var(--plan-mono);font-size:.82rem;font-weight:750}@supports (animation-timeline:view()){.blog-article__body .plan-page{animation:linear both plan-flip;animation-timeline:view();animation-range:entry entry 85%}.blog-article .plan-page>.plan-stamp{animation:linear both plan-stamp;animation-timeline:view();animation-range:entry 40% cover 35%}.plan-head h2:after{animation:linear both plan-marker;animation-timeline:view();animation-range:entry 30% cover 30%}.plan-schedule li:after{animation:linear both plan-line;animation-timeline:view();animation-range:entry 40% cover 45%}.plan-schedule li:before{animation:linear both plan-dot;animation-timeline:view();animation-range:entry 30% cover 35%}.plan-schedule__when{animation:linear both plan-chip-in;animation-timeline:view();animation-range:entry 20% cover 30%}.plan-fields__box:after{animation:linear both plan-tick;animation-timeline:view();animation-range:cover 42% cover 52%}.plan-table .blog-table tbody tr{animation:linear both plan-row;animation-timeline:view();animation-range:entry}.plan-meter__pct{animation:linear both plan-pct;animation-timeline:--plan-board;animation-range:contain}.plan-summary__tick{animation:linear both plan-summary-tick;animation-timeline:view();animation-range:cover 30% cover 42%}.plan-summary__stamp{animation:linear both plan-summary-slam;animation-timeline:--plan-summary;animation-range:entry 70% cover 45%}}@keyframes plan-flip{0%{opacity:.25;transform:perspective(1100px)translateY(48px)rotateX(-20deg)}45%{opacity:1}75%{transform:perspective(1100px)rotateX(6deg)}to{transform:none}}@keyframes plan-stamp{0%{opacity:0;transform:rotate(-24deg)scale(1.9)}70%{opacity:.95;transform:rotate(-5deg)scale(.95)}}@keyframes plan-marker{0%{transform:scaleX(0)}}@keyframes plan-line{0%{transform:scaleY(0)}}@keyframes plan-dot{0%{transform:scale(.2)}70%{transform:scale(1.25)}}@keyframes plan-chip-in{0%{opacity:0;transform:translate(-18px)}}@keyframes plan-tick{to{opacity:1;transform:rotate(40deg)scale(1)}}@keyframes plan-row{0%{opacity:.3;transform:translate(-26px)}}@keyframes plan-pct{0%{--plan-pct:0}to{--plan-pct:100}}@keyframes plan-summary-tick{to{background:#16a34a;border-color:#16a34a}}@keyframes plan-summary-slam{0%{opacity:0;transform:scale(2.4)rotate(-20deg)}60%{opacity:.9;transform:scale(.94)}}@media (max-width:680px){.plan-stage__dim--height,.plan-stage__mark--br{display:none}.plan-stage__stamp{font-size:.86rem}.blog-article__body .plan-page{padding:44px 16px 20px}.plan-head__rings{right:120px}.blog-article__body .plan-page .plan-head h2{font-size:clamp(1.4rem,6.4vw,1.8rem)}.plan-summary__stamp{font-size:.8rem;top:12px;right:10px}.plan-table.blog-table-scroll{box-shadow:none;background:0 0;border:0;overflow:visible}.plan-table .blog-table,.plan-table .blog-table tbody,.plan-table .blog-table tr,.plan-table .blog-table td,.plan-table .blog-table th[scope=row]{width:auto;min-width:0;display:block}.plan-table .blog-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.plan-table .blog-table tr{background:var(--panel-strong);border:1px solid #2563eb40;border-left:5px solid #1d4ed8;border-radius:12px;margin-bottom:12px;padding:10px 14px}.plan-table .blog-table td,.plan-table .blog-table th[scope=row]{border:0;padding:6px 0}.plan-table .blog-table td:before{color:var(--fmt-ink);font-family:var(--plan-mono);letter-spacing:.08em;text-transform:uppercase;content:attr(data-label);font-size:.68rem;font-weight:750;display:block}}@media (prefers-reduced-motion:reduce){.blog-article__body .plan-page,.blog-article .plan-page>.plan-stamp,.plan-head h2:after,.plan-schedule li:after,.plan-schedule li:before,.plan-schedule__when,.plan-table .blog-table tbody tr,.plan-summary__tick,.plan-summary__stamp{animation:none!important}.plan-fields__box:after{display:none}}