.blog-post{--paper:rgb(var(--lp-bg));--surface:rgb(var(--lp-surface));--ink:rgb(var(--lp-fg));--muted:rgb(var(--lp-muted));--faint:rgb(var(--lp-olive));--rule:rgb(var(--lp-olive) / .25);--machine:rgb(var(--lp-sage));--machine-soft:rgb(var(--lp-sage) / .16);--on-machine:rgb(var(--lp-on-accent));--human:rgb(var(--lp-accent));--human-ink:rgb(var(--lp-accent));--human-fill:rgb(var(--lp-accent-on-dark));--human-soft:rgb(var(--lp-accent-on-dark) / .16);--on-human:#1a1408;--alert:#ff7f73;--alert-soft:#ff7f731f;--good:rgb(var(--lp-sage-2));--headline:"Bricolage Grotesque Variable", sans-serif;--display:"Geist Variable", sans-serif;--body:"Geist Variable", sans-serif;font-family:var(--body);font-size:1.15rem;line-height:1.7}:is(.landing-light,html.light .landing-themeable) .blog-post{--human-ink:rgb(var(--lp-accent-2));--human-soft:rgb(var(--lp-accent-on-dark) / .2);--alert:#c63d33;--alert-soft:#c63d331a}.blog-post img,.blog-post svg{max-width:100%;height:auto}.blog-post a:not([class]){color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--machine);text-decoration-color:var(--machine);text-underline-offset:3px}.blog-post :is(a,button,summary,input):focus-visible{outline:2px solid rgb(var(--lp-sage-2));outline-offset:3px;border-radius:4px}.blog-progress{background:var(--human-fill);z-index:60;pointer-events:none;width:0;height:3px;position:fixed;top:0;left:0}.blog-post .wrap{max-width:1120px;margin:0 auto;padding:0 1.5rem}.blog-post .prose{max-width:38rem}.blog-post .prose p{margin:0 0 1.1em}.blog-post :is(h1,h2,h3){font-family:var(--display);letter-spacing:-.02em;color:var(--ink);margin:0}.blog-post h2{font-family:var(--headline);max-width:20ch;margin-bottom:.7em;font-size:clamp(1.9rem,3.8vw,2.75rem);font-weight:700;line-height:1.08}.blog-post h3{margin-bottom:.3em;font-size:1.25rem;font-weight:700;line-height:1.25}.blog-post section{padding:6rem 0}.blog-post section+section{border-top:1px solid var(--rule)}.blog-post .crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.2rem;font-size:.95rem;display:flex}.blog-post .crumbs a{color:var(--muted);align-items:center;min-height:2.75rem;text-decoration:none;display:inline-flex}.blog-post .crumbs a:hover{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--machine);text-decoration-color:var(--machine);text-underline-offset:3px}.blog-post .hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:3rem;padding:2rem 0 2.5rem;display:grid}.blog-post .hero h1{font-family:var(--headline);letter-spacing:-.03em;margin-bottom:1.4rem;font-size:clamp(2.3rem,4.4vw,3.6rem);font-weight:700;line-height:1.04}.blog-post .hero .lede{color:var(--muted);max-width:33rem;margin:0;font-size:clamp(1.15rem,1.8vw,1.3rem)}.blog-post .facts{flex-wrap:wrap;gap:.5rem;margin-top:1.8rem;padding:0;list-style:none;display:flex}.blog-post .facts li{font-family:var(--display);background:var(--surface);border:1px solid var(--rule);border-radius:99px;padding:.35rem .9rem;font-size:.95rem;font-weight:500}@media (width<=820px){.blog-post .hero{grid-template-columns:1fr;gap:2.5rem}}.blog-post .hero-cuts{grid-template-columns:1fr 1fr;justify-self:center;gap:1rem;width:100%;max-width:460px;display:grid}.blog-post .cut{flex-direction:column;margin:0;display:flex}.blog-post .shot{aspect-ratio:9/16;box-shadow:0 0 0 6px #0a0b0a, 0 0 0 7px rgb(var(--lp-olive) / .35);background:#111;border-radius:22px;position:relative;overflow:hidden}.blog-post .shot img{-o-object-fit:cover;object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.blog-post .shot:after{content:"";background:linear-gradient(#0000 45%,#0000008c);position:absolute;inset:0}.blog-post .shot .cap{z-index:1;text-align:center;color:#fff;font-family:var(--body);text-shadow:0 2px 6px #0009;margin:0;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:800;line-height:1.2;position:absolute;bottom:16%;left:10px;right:10px}.blog-post .shot .cap .hl{color:var(--human-fill)}.blog-post .cut figcaption{border-radius:12px;flex:1;margin-top:.9rem;padding:.65rem .8rem;font-size:.95rem;line-height:1.35}.blog-post .cut figcaption b{letter-spacing:.06em;text-transform:uppercase;margin-bottom:.15rem;font-size:.78rem;display:block}.blog-post .cut.ai figcaption{background:var(--alert-soft)}.blog-post .cut.ai figcaption b{color:var(--alert)}.blog-post .cut.you figcaption{background:color-mix(in srgb, var(--good) 14%, transparent)}.blog-post .cut.you figcaption b{color:var(--good)}.blog-post .seg{transform-box:fill-box;transform-origin:0;animation:.6s cubic-bezier(.2,.8,.2,1) .2s forwards blog-grow;transform:scaleX(0)}@keyframes blog-grow{to{transform:none}}@media (prefers-reduced-motion:reduce){.blog-post .seg{animation:none;transform:none}}.blog-post .source{border-top:1px solid var(--rule);margin-top:1rem;padding:1.4rem 0 0}.blog-post .source-head{font-family:var(--display);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:.6rem;font-size:.95rem;display:flex}.blog-post .source-head b{color:var(--ink);font-weight:700}.blog-post .key{font-family:var(--display);color:var(--muted);flex-wrap:wrap;gap:1.5rem;margin:0 0 1rem;font-size:.95rem;display:flex}.blog-post .key span{align-items:center;gap:.5rem;display:inline-flex}.blog-post .key i{border-radius:3px;width:12px;height:12px;display:inline-block}.blog-post .key .m{background:var(--machine)}.blog-post .key .h{background:var(--human-fill)}.blog-post .toc{flex-wrap:wrap;gap:.6rem;margin:3rem 0 0;padding:0;list-style:none;display:flex}.blog-post .toc a{font-family:var(--display);color:var(--ink);background:var(--surface);border:1px solid var(--rule);border-radius:99px;padding:.5rem 1rem;font-size:.98rem;font-weight:500;text-decoration:none;display:block}.blog-post .toc a:hover{border-color:var(--machine)}.blog-post .scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.blog-post figure{margin:0}.blog-post .note{color:var(--muted);max-width:40rem;margin-top:.9rem;font-size:1rem}.blog-post .fails{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:3rem 2.5rem;margin-top:3.5rem;display:grid}.blog-post .fail .pic{background:var(--surface);border:1px solid var(--rule);border-radius:14px;margin-bottom:1.1rem;padding:1.1rem}.blog-post .fail .pic svg{width:100%;display:block}.blog-post .fail p{color:var(--muted);margin:0;font-size:1.05rem}.blog-post .flows{gap:2.2rem;margin-top:3rem;display:grid}.blog-post .flowrow h3{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.8rem;font-size:1.1rem;display:flex}.blog-post .flowrow h3 small{font-family:var(--body);color:var(--muted);font-size:.95rem;font-weight:400}.blog-post .chips{align-items:stretch;gap:0;min-width:640px;margin:0;padding:0;list-style:none;display:flex}.blog-post .chips li{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%);flex:1;margin-left:-10px;padding:.85rem 1rem .85rem 1.6rem;font-size:.98rem;line-height:1.35;position:relative}.blog-post .chips li:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);border-radius:10px 0 0 10px;margin-left:0;padding-left:1rem}.blog-post .chips li b{font-family:var(--display);margin-bottom:.1rem;font-size:.8rem;font-weight:700;display:block}.blog-post .c-m{background:var(--machine-soft)}.blog-post .c-m b{color:var(--machine)}.blog-post .c-h{background:var(--human-soft)}.blog-post .c-h b{color:var(--human-ink)}.blog-post .c-a{background:var(--alert-soft)}.blog-post .c-a b{color:var(--alert)}.blog-post .c-g{background:var(--surface);border:1px solid var(--rule)}@media (width<=640px){.blog-post .chips{flex-direction:column;gap:6px;min-width:0}.blog-post .chips li,.blog-post .chips li:first-child{clip-path:none;border-radius:10px;margin-left:0;padding:.75rem 1rem}}.blog-post input[type=range]{width:100%;accent-color:var(--human-fill);height:28px}.blog-post .btn-ghost{border:1px solid var(--rule);color:var(--ink);font-family:var(--display);cursor:pointer;background:0 0;border-radius:99px;place-self:flex-start start;padding:.5rem 1rem;font-size:.95rem;font-weight:500}.blog-post .btn-ghost:hover{border-color:var(--machine)}.blog-post .parts{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:1.5rem;display:grid}.blog-post .parts p{color:var(--muted);margin:0;font-size:1.02rem}@media (width<=780px){.blog-post .parts{grid-template-columns:1fr 1fr}}@media (width<=640px){.blog-post .parts-bar{display:none}}.blog-post .pull{font-family:var(--display);letter-spacing:-.02em;max-width:24ch;margin:4rem 0 0;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;line-height:1.2}.blog-post .modes{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:3rem;display:grid}@media (width<=760px){.blog-post .modes{grid-template-columns:1fr}}.blog-post .mode{border:1px solid var(--rule);background:var(--surface);border-radius:22px;padding:1.8rem}.blog-post .mode.adv{border:2px solid var(--human)}.blog-post .mode h3{font-size:1.5rem}.blog-post .mode .for{color:var(--muted);margin:0 0 1.3rem;font-size:1.02rem}.blog-post .mode ol{counter-reset:m;margin:0;padding:0;list-style:none}.blog-post .mode li{counter-increment:m;border-top:1px solid var(--rule);align-items:center;gap:.8rem;padding:.55rem 0;font-size:1.02rem;display:flex}.blog-post .mode li:before{content:counter(m);width:1.8rem;height:1.8rem;font-family:var(--body);border-radius:50%;flex:none;place-items:center;font-size:.9rem;font-weight:800;display:grid}.blog-post .mode li.y:before{background:var(--ink);color:var(--paper)}.blog-post .mode li.m:before{background:var(--machine);color:var(--on-machine)}.blog-post .mode li.h:before{background:var(--human-fill);color:var(--on-human)}.blog-post table{border-collapse:collapse;width:100%}.blog-post .compare{min-width:560px;font-size:1.04rem}.blog-post .compare :is(th,td){border-bottom:1px solid var(--rule);text-align:left;vertical-align:top;padding:1rem}.blog-post .compare thead th{font-family:var(--display);font-weight:700}.blog-post .compare tbody th{font-family:var(--display);width:36%;font-weight:700}.blog-post .compare .us{background:var(--human-soft)}.blog-post .compare thead .us{border-radius:14px 14px 0 0}.blog-post .compare tbody tr:last-child .us{border-radius:0 0 14px 14px}.blog-post :is(.yes,.no){font-family:var(--display);font-weight:700}.blog-post .yes{color:var(--good)}.blog-post .no{color:var(--alert)}@media (width<=640px){.blog-post .compare{min-width:0}.blog-post .compare thead{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.blog-post .compare :is(tbody,tr,th,td){width:auto;display:block}.blog-post .compare tr{border:1px solid var(--rule);background:var(--surface);border-radius:14px;margin-bottom:.8rem;padding:.4rem 0}.blog-post .compare tbody th{border-bottom:0;width:auto;padding:.6rem 1rem .3rem}.blog-post .compare td{border-bottom:0;justify-content:space-between;gap:1rem;padding:.35rem 1rem;display:flex}.blog-post .compare td:before{content:attr(data-label);color:var(--muted);flex:none;font-weight:600}.blog-post .compare td>span{text-align:right}.blog-post .compare td.us{background:0 0;font-weight:600}.blog-post .compare tbody tr:last-child .us{border-radius:0}}.blog-post .calc{background:rgb(var(--lp-olive-deep));color:rgb(var(--lp-on-olive));border-radius:22px;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;margin-top:2.5rem;padding:clamp(1.5rem,4vw,2.6rem);display:grid}@media (width<=760px){.blog-post .calc{grid-template-columns:1fr}}.blog-post .calc label{font-family:var(--display);margin-bottom:.4rem;font-weight:700;display:block}.blog-post .calc .len{font-variant-numeric:tabular-nums;font-family:var(--headline);letter-spacing:-.03em;font-size:clamp(2.6rem,6vw,3.8rem);font-weight:700;line-height:1}.blog-post .calc .len small{opacity:.75;letter-spacing:0;margin-left:.3rem;font-size:1rem;font-weight:500}.blog-post .prices{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.blog-post .prices.one{grid-template-columns:1fr}.blog-post .price{background:#ffffff14;border-radius:14px;padding:1rem 1.1rem}.blog-post .price b{font-variant-numeric:tabular-nums;font-family:var(--headline);color:rgb(var(--lp-accent-on-dark));font-size:2rem;font-weight:700;line-height:1.1;display:block}.blog-post .price span{opacity:.85;font-size:.92rem}.blog-post .calc .fine{opacity:.85;grid-column:1/-1;margin:0;font-size:.95rem}@media (width<=760px){.blog-post .calc .fine{grid-column:auto}}.blog-post .check{background:var(--surface);border:1px solid var(--rule);border-radius:20px;max-width:44rem;margin-top:2.5rem;padding:2rem}.blog-post .check-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.blog-post .check-head strong{font-family:var(--display);font-size:1.3rem}.blog-post .meter{font-family:var(--display);color:var(--muted);font-size:1rem}.blog-post .progress{gap:4px;margin:1rem 0 1.2rem;display:grid}.blog-post .progress i{background:var(--rule);border-radius:3px;height:6px;transition:background .2s}.blog-post .progress i.on{background:var(--human-fill)}.blog-post .check ul{margin:0;padding:0;list-style:none}.blog-post .check li+li{border-top:1px solid var(--rule)}.blog-post .check input{opacity:0;width:1px;height:1px;position:absolute}.blog-post .check label{cursor:pointer;gap:.9rem;padding:.85rem 0;line-height:1.45;display:flex}.blog-post .check label:before{content:"";border:2px solid var(--faint);border-radius:6px;flex:none;width:1.35rem;height:1.35rem;margin-top:.1rem}.blog-post .check input:checked+label:before{background:var(--human-fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' stroke='%231a1408' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 80% no-repeat;border-color:var(--human-fill)}.blog-post .check input:checked+label span{color:var(--muted)}.blog-post .check input:focus-visible+label:before{outline:2px solid rgb(var(--lp-sage-2));outline-offset:2px}.blog-post details{border-top:1px solid var(--rule);max-width:44rem;padding:1.2rem 0}.blog-post details:last-of-type{border-bottom:1px solid var(--rule)}.blog-post summary{font-family:var(--display);cursor:pointer;justify-content:space-between;gap:1rem;font-size:1.18rem;font-weight:700;list-style:none;display:flex}.blog-post summary::-webkit-details-marker{display:none}.blog-post summary:after{content:"+";color:var(--human-ink);font-size:1.5rem;font-weight:500;line-height:1}.blog-post details[open] summary:after{content:"−"}.blog-post details p{color:var(--muted);margin:.7rem 0 0}.blog-post .cta{background:linear-gradient(135deg, rgb(var(--lp-olive-deep)), rgb(var(--lp-olive)) 55%, rgb(var(--lp-olive-deep)));color:rgb(var(--lp-on-olive));border-radius:28px;grid-template-columns:1fr auto;align-items:end;gap:2rem;margin:1rem 0 5rem;padding:clamp(2rem,5vw,4rem);display:grid}.blog-post .cta h2{color:rgb(var(--lp-on-olive));max-width:15ch;margin-bottom:.4em}.blog-post .cta p{color:rgb(var(--lp-on-olive) / .9);margin:0;font-size:1.15rem}.blog-post .cta-btn{white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;min-height:2.75rem;padding:1rem 1.8rem;font-size:1.15rem;text-decoration:none;display:inline-flex}@media (width<=700px){.blog-post .cta{grid-template-columns:1fr;align-items:start}.blog-post .cta .cta-btn{justify-self:start}}.blog-post .s-ink{fill:var(--ink)}.blog-post .s-muted{fill:var(--muted)}.blog-post .s-faint{fill:var(--faint)}.blog-post .s-rule{fill:var(--rule)}.blog-post .s-paper{fill:var(--paper)}.blog-post .s-m{fill:var(--machine)}.blog-post .s-ms{fill:var(--machine-soft)}.blog-post .s-h{fill:var(--human-fill)}.blog-post .s-hi{fill:var(--human-ink)}.blog-post .s-hs{fill:var(--human-soft)}.blog-post .s-a{fill:var(--alert)}.blog-post .s-as{fill:var(--alert-soft)}.blog-post .s-on-h{fill:var(--on-human)}.blog-post .k-a{stroke:var(--alert)}.blog-post svg text{font-family:var(--body)}
