.el-blog .cover{aspect-ratio:10/7;isolation:isolate;border-radius:24px;place-items:center;display:grid;position:relative;overflow:hidden}.el-blog .cover svg{width:86%;height:auto;max-height:100%;overflow:visible}.el-blog .cover:before{content:"";z-index:-1;background:#ffffff59;border-radius:50%;height:90%;position:absolute;inset:auto -20% -55%}.el-blog .tone-lav{background:var(--lav)}.el-blog .tone-peach{background:var(--peach)}.el-blog .tone-mint{background:var(--mint)}.el-blog .tone-butter{background:var(--butter)}.el-blog .tone-sky{background:var(--sky-2)}.el-blog .cv-float{animation:5s ease-in-out infinite alternate el-bob}.el-blog .cv-spin{animation:6s linear infinite el-sp}.el-blog .cv-run{offset-path:path("M70 140a60 60 0 0 1 60-60h140a60 60 0 0 1 0 120H130a60 60 0 0 1-60-60");animation:7s linear infinite el-orbit}@keyframes el-bob{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes el-orbit{0%{offset-distance:0%}to{offset-distance:100%}}.el-blog .blog-hero{padding-bottom:clamp(110px,12vw,150px)}.el-blog .blog-hero h1{font-size:clamp(44px,6.6vw,88px)}.el-blog .eyebrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:500 13.5px/1 var(--ui);color:#26304a;background:#ffffff9e;border-radius:999px;margin-bottom:22px;padding:8px 14px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffffbf}.el-blog .topics{flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.el-blog .topics li{font:500 13.5px/1 var(--ui);color:#26304a;background:#ffffff73;border-radius:999px;padding:9px 14px}.el-blog .blog-list{padding-block:clamp(56px,7vw,90px) clamp(90px,11vw,140px)}.el-blog .pcard-link{flex-direction:column;gap:20px;height:100%;text-decoration:none;display:flex}.el-blog .pcard .cover{transition:transform .6s var(--spring),box-shadow .4s}.el-blog .pcard-link:hover .cover{transform:translateY(-5px)rotate(-.5deg);box-shadow:0 26px 44px -30px #16130f80}.el-blog .pcard-copy{flex-direction:column;gap:10px;display:flex}.el-blog .pcard h3{font:400 clamp(24px,2.2vw,29px)/1.12 var(--display);letter-spacing:-.018em}.el-blog .pcard .excerpt{color:var(--ink-2);font-size:15.5px;line-height:1.55}.el-blog .pcard-link:hover h2,.el-blog .pcard-link:hover h3{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}.el-blog .pmeta{font:500 13px/1.3 var(--ui);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.el-blog .pmeta .cat{color:var(--ink)}.el-blog .pcard.featured .pcard-link{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(28px,4vw,60px);display:grid}.el-blog .pcard.featured h2{font:350 clamp(36px,4.2vw,56px)/1.02 var(--display);letter-spacing:-.03em}.el-blog .pcard.featured .excerpt{max-width:440px;font-size:17px}.el-blog .pcard.featured .pcard-copy{gap:16px}.el-blog .pcard.featured .cover{border-radius:32px}.el-blog .read{font:500 15px/1 var(--ui);background:var(--ink);color:#fff;transition:transform .35s var(--spring);border-radius:999px;align-self:flex-start;margin-top:8px;padding:14px 20px}.el-blog .pcard-link:hover .read{transform:translate(4px)}.el-blog .list-head{border-top:1px solid var(--line);font:350 clamp(28px,3vw,38px)/1.1 var(--display);letter-spacing:-.02em;margin-top:clamp(72px,9vw,110px);padding-top:28px}.el-blog .pgrid-b{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,40px);margin-top:36px;display:grid}.el-blog{--col:680px}.el-blog ::selection{background:var(--mint)}.el-blog .nav{transition:transform .45s var(--ease)}.el-blog .nav.away{transform:translateY(calc(-100% - 24px))}.el-blog .progress{z-index:70;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.el-blog .progress i{background:var(--go);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.el-blog .post-head{max-width:calc(var(--col) + 40px);margin:0 auto;padding:clamp(120px,13vw,150px) 20px 0}.el-blog .crumbs{font:500 13.5px/1 var(--ui);color:var(--ink-3);gap:10px;margin:0 0 22px;padding:0;list-style:none;display:flex}.el-blog .crumbs li+li:before{content:"/";color:#d6cec5;margin-right:10px}.el-blog .crumbs a{color:var(--ink-2);text-decoration:none}.el-blog .crumbs a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.el-blog .post-head h1{font:400 clamp(36px,5.2vw,50px)/1.1 var(--display);letter-spacing:-.024em;font-optical-sizing:auto}.el-blog .dek{font:400 20px/1.45 var(--ui);color:var(--ink-3);letter-spacing:-.005em;margin-top:14px}.el-blog .byline{align-items:center;gap:12px;margin-top:30px;display:flex}.el-blog .byline b{font:500 15px/1.3 var(--ui);margin-bottom:3px;display:block}.el-blog .avatar{width:44px;height:44px;font:600 14px/1 var(--ui);color:var(--ink);box-shadow:0 0 0 1px var(--line),0 6px 14px -8px #16130f66;background:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.el-blog .actionbar{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:56px;margin-top:26px;padding:8px 0;display:flex}.el-blog .cat-chip{white-space:nowrap;font:500 13px/1 var(--ui);background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:8px 12px}.el-blog .share{align-items:center;gap:4px;display:flex}.el-blog .share button,.el-blog .share a{white-space:nowrap;min-width:38px;min-height:38px;font:500 13.5px/1 var(--ui);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 12px;text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.el-blog .share a{padding:0}.el-blog .share button:hover,.el-blog .share a:hover{background:var(--paper-2);color:var(--ink)}.el-blog .hero-cover{aspect-ratio:2;border-radius:28px;width:calc(100% - 40px);max-width:1000px;margin:clamp(36px,4vw,48px) auto 0}.el-blog .hero-cover svg{width:min(56%,480px)}.el-blog .post-grid{grid-template-columns:minmax(0,1fr) minmax(0,var(--col)) minmax(0,1fr);gap:48px;padding:clamp(44px,5vw,64px) 20px clamp(80px,9vw,110px);display:grid}.el-blog .post-body{grid-column:2;min-width:0}.el-blog .toc{grid-column:1;place-self:start end;width:210px;font-size:14px;position:sticky;top:40px}.el-blog .toc p{font:500 12px/1 var(--ui);color:var(--ink-3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:14px}.el-blog .toc ol{border-left:1.5px solid var(--line);margin:0;padding:0;list-style:none}.el-blog .toc a{color:var(--ink-3);border-left:1.5px solid #0000;margin-left:-1.5px;padding:7px 0 7px 14px;line-height:1.35;text-decoration:none;transition:color .2s,border-color .2s;display:block}.el-blog .toc a:hover{color:var(--ink)}.el-blog .toc a.on{color:var(--ink);border-left-color:var(--ink)}.el-blog .tldr{background:var(--butter);border-radius:22px;margin-bottom:40px;padding:24px 26px}.el-blog .tldr h2{font:600 12px/1 var(--ui);text-transform:uppercase;letter-spacing:.08em;color:#16130f99;margin-bottom:12px}.el-blog .tldr p{font:400 21px/1.5 var(--display);letter-spacing:-.003em;color:var(--ink)}.el-blog .prose{font:400 21px/1.68 var(--display);font-optical-sizing:auto;letter-spacing:-.003em;color:#16130fe6;font-kerning:normal;hanging-punctuation:first}.el-blog .prose p,.el-blog .prose li{text-wrap:pretty}.el-blog .prose>*+*{margin-top:1.35em}.el-blog .prose h2{font:600 27px/1.22 var(--ui);letter-spacing:-.022em;color:var(--ink);margin-top:2.1em;scroll-margin-top:40px;position:relative}.el-blog .prose h3{font:600 20px/1.35 var(--ui);letter-spacing:-.012em;color:var(--ink);margin-top:1.8em}.el-blog .prose h2+*,.el-blog .prose h3+*{margin-top:.55em}.el-blog .prose .anchor{color:var(--ink-3);opacity:0;margin-left:.35em;font-weight:400;text-decoration:none;transition:opacity .2s}.el-blog .prose h2:hover .anchor,.el-blog .prose .anchor:focus-visible{opacity:1}.el-blog .prose strong{color:var(--ink);font-weight:600}.el-blog .prose a:not(.anchor){color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #16130f59;text-decoration:underline #16130f59;text-decoration-thickness:1px;transition:text-decoration-color .2s}.el-blog .prose a:not(.anchor):hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.el-blog .prose ul,.el-blog .prose ol{flex-direction:column;gap:.55em;margin-bottom:0;padding:0;list-style:none;display:flex}.el-blog .prose ul li{padding-left:1.5em;position:relative}.el-blog .prose ul li:before{content:"";background:var(--ink);border-radius:50%;width:6px;height:6px;position:absolute;top:.72em;left:.35em}.el-blog .prose ol{counter-reset:li}.el-blog .prose ol li{counter-increment:li;padding-left:1.7em;position:relative}.el-blog .prose ol li:before{content:counter(li) ".";font-variant-numeric:tabular-nums;color:var(--ink-3);position:absolute;left:0}.el-blog .pull{border-left:3px solid var(--ink);margin:1.9em 0;padding:2px 0 2px 24px}.el-blog .pull blockquote{font:italic 400 clamp(25px,2.6vw,29px)/1.38 var(--display);letter-spacing:-.012em;color:var(--ink);margin:0}.el-blog .pull figcaption{font:500 14px/1.4 var(--ui);color:var(--ink-3);margin-top:10px}.el-blog .callout{font-family:var(--ui);background:var(--card);box-shadow:0 0 0 1px var(--line),0 18px 36px -30px #16130f66;border-radius:18px;padding:20px 22px 20px 58px;position:relative}.el-blog .callout:before{content:"";background:var(--mint) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><path d='M6.5 11.5l3 3 6-7' fill='none' stroke='%2316130F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/100% no-repeat;border-radius:7px;width:22px;height:22px;position:absolute;top:22px;left:20px}.el-blog .callout b{font:600 16px/1.35 var(--ui);color:var(--ink);margin-bottom:5px;display:block}.el-blog .callout p{color:var(--ink-2);font-size:16px;line-height:1.6}.el-blog .quote-pop{z-index:80;background:var(--ink);animation:el-stepIn .2s var(--ease) both;border-radius:12px;gap:2px;padding:4px;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 12px 28px -12px #16130f99}.el-blog .quote-pop:after{content:"";background:var(--ink);border-radius:2px;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.el-blog .quote-pop button,.el-blog .quote-pop a{z-index:1;color:#fff;font:500 13px/1 var(--ui);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:9px 11px;text-decoration:none;position:relative}.el-blog .quote-pop button:hover,.el-blog .quote-pop a:hover{background:#ffffff1f}.el-blog .post-faq{margin-top:60px}.el-blog .post-faq h2{font:600 24px/1.25 var(--ui);letter-spacing:-.02em;padding-bottom:16px}.el-blog .post-faq .a{padding-right:0}.el-blog .post-end{margin-top:56px}.el-blog .tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.el-blog .tags li{font:500 13.5px/1 var(--ui);background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:10px 14px}.el-blog .end-note{font:500 14px/1.3 var(--ui);color:var(--ink-3)}.el-blog .author-card{align-items:flex-start;gap:16px;margin-top:36px;display:flex}.el-blog .author-card .avatar{width:56px;height:56px}.el-blog .author-card .avatar img{width:28px;height:28px}.el-blog .author-card small{font:500 12px/1 var(--ui);color:var(--ink-3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;display:block}.el-blog .author-card b{font:400 24px/1.15 var(--display);letter-spacing:-.01em;display:block}.el-blog .author-card p{color:var(--ink-2);margin-top:6px;font-size:15px}.el-blog .post-cta{background:var(--lav);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding:24px 26px;display:flex}.el-blog .post-cta b{font:400 24px/1.15 var(--display);letter-spacing:-.01em;display:block}.el-blog .post-cta p{color:#16130fb8;margin-top:6px;font-size:15px}.el-blog .related{padding-block:0 clamp(90px,11vw,140px)}.el-blog .related-head{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding-top:28px;display:flex}.el-blog .related-head h2{font:350 clamp(28px,3vw,38px)/1.1 var(--display);letter-spacing:-.02em}.el-blog .related-head a{font:500 15px/1 var(--ui);color:var(--ink-2);text-decoration:none}.el-blog .related-head a:hover{color:var(--ink)}.el-blog .related .pgrid-b{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1180px){.el-blog .post-grid{max-width:calc(var(--col) + 40px);grid-template-columns:minmax(0,1fr);margin:0 auto}.el-blog .post-body{grid-column:1}.el-blog .toc{display:none}}@media (max-width:980px){.el-blog .pcard.featured .pcard-link{grid-template-columns:minmax(0,1fr)}.el-blog .pgrid-b{grid-template-columns:repeat(2,minmax(0,1fr))}.el-blog .hero-cover{aspect-ratio:16/9}}@media (max-width:560px){.el-blog .pgrid-b,.el-blog .related .pgrid-b{grid-template-columns:minmax(0,1fr)}.el-blog .prose{font-size:19px;line-height:1.65}.el-blog .prose h2{font-size:23px}.el-blog .prose h3{font-size:18.5px}.el-blog .tldr{padding:20px}.el-blog .tldr p{font-size:19px}.el-blog .dek{font-size:18px}.el-blog .hero-cover{aspect-ratio:4/3;border-radius:22px;width:calc(100% - 24px)}.el-blog .hero-cover svg{width:80%}.el-blog .callout{padding-left:20px}.el-blog .callout:before{margin-bottom:12px;display:block;position:static}.el-blog .end-note{display:none}.el-blog .share .lbl{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.el-blog .share button{padding:0}}@media (prefers-reduced-motion:reduce){.el-blog .cv-run{offset-distance:0%;animation:none}.el-blog .nav.away{transform:none}}@media print{.el-blog .nav,.el-blog .progress,.el-blog .toc,.el-blog .actionbar,.el-blog .post-cta,.el-blog .related,.el-blog .room,.el-blog footer:not(.post-end),.el-blog .hero-cover,.el-blog .quote-pop,.el-home.el-blog:after{display:none!important}.el-blog{background:#fff}.el-blog .post-head{padding-top:0}.el-blog .post-grid{padding:24px 0;display:block}.el-blog .prose{color:#000;font-size:12pt}.el-blog details{display:block}.el-blog details::details-content{height:auto}}