@layer reset,base;@layer components{.blog-hero{--color-accent-val:var(--palette-olive-deep);--color-copper-val:var(--palette-olive-deep);--color-cta-bg-val:var(--palette-forest);--color-cta-text-val:var(--palette-lime);--color-cta-hover-bg-val:var(--palette-lime);--color-cta-hover-text-val:var(--palette-forest);background-color:var(--color-surface-val);color:var(--color-body-val);padding-block-start:calc(var(--pill-height) + clamp(1.618em, 5dvh, 4.236em));font-size:1rem}.blog-hero-inner{border-block-end:1px solid var(--color-line-val);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:2.618em clamp(2.618em,6vw,6.854em);padding-block-end:clamp(2.618em,6vh,4.236em);display:grid}.blog-hero-inner--solo{grid-template-columns:minmax(0,1fr)}.blog-hero-text,.blog-hero-aside{min-inline-size:0}.blog-hero-crumb{color:var(--color-body-muted-val);flex-wrap:wrap;align-items:center;gap:.382em .618em;margin:0 0 1.618em;font-size:.912em;line-height:1.272;display:flex;& a{color:var(--color-body-val);text-decoration:none;transition:color .2s;&:hover{color:var(--color-ink-val);text-underline-offset:.236em;text-decoration:underline}}& [aria-current=page]{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;max-inline-size:17.942em;color:var(--color-ink-val);font-weight:600;overflow:hidden}}.blog-hero-eyebrow{letter-spacing:.0618em;text-transform:uppercase;color:var(--color-accent-val);margin:0 0 .786em;font-size:.912em;font-weight:700;line-height:1.272}.blog-hero-text h1{max-inline-size:20ch;font-family:Bricolage Display,Bricolage Text,sans-serif;font-size:var(--lk-display-md);letter-spacing:-.022em;text-transform:none;color:var(--color-ink-val);margin:0;font-weight:600;line-height:1.062}.blog-hero--article .blog-hero-text h1{max-inline-size:none;font-size:clamp(2.058em,4vw,3.3301em)}.blog-hero-dek{max-inline-size:46ch;color:var(--color-body-val);margin:1em 0 0;font-size:1.062em;line-height:1.618}.blog-hero-actions{flex-wrap:wrap;align-items:center;gap:1em 1.618em;margin-block-start:1.618em;display:flex}.blog-hero-byline{align-items:center;gap:.786em;margin-block-start:2.618em;display:flex}.blog-hero-avatar{border:1px solid var(--color-line-val);background-color:var(--color-surface-val);object-fit:contain;border-radius:100em;flex-shrink:0;block-size:2.618em;inline-size:2.618em;padding:.236em}.blog-hero-author{color:var(--color-ink-val);margin:0;font-weight:700;line-height:1.272}.blog-hero-byline-meta{color:var(--color-body-muted-val);flex-wrap:wrap;gap:0 .382em;margin:.236em 0 0;font-size:.912em;line-height:1.272;display:flex}.blog-hero-aside{gap:1em;display:grid}.blog-hero-share{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.618em 1em;display:flex}.blog-hero-share-label{color:var(--color-body-muted-val);margin:0;font-size:.912em;font-weight:600;line-height:1.272}.blog-hero-share-list{flex-wrap:wrap;gap:.618em;margin:0;padding:0;list-style:none;display:flex}.blog-hero-share-link{border:1px solid var(--color-field-border-val);background-color:var(--color-surface-val);block-size:2.618em;inline-size:2.618em;color:var(--color-ink-val);cursor:pointer;border-radius:100em;justify-content:center;align-items:center;padding:0;transition:border-color .2s,background-color .2s;display:inline-flex;&:hover{border-color:var(--color-ink-val);background-color:var(--palette-beige-50)}& svg{block-size:1.062em;inline-size:1.062em}}.blog-hero-share-status{text-align:end;color:var(--color-ink-val);flex-basis:100%;margin:0;font-size:.912em;line-height:1.272;&:empty{position:absolute}}@media (width<=960px){.blog-hero-inner{grid-template-columns:minmax(0,1fr)}.blog-hero-text h1{max-inline-size:none}.blog-hero-share{justify-content:flex-start}.blog-hero-share-status{text-align:start}}@media (width<=767px){.blog-hero{padding-block-start:calc(var(--pill-height) + 1.618em)}.blog-hero--article .blog-hero-text h1{font-size:clamp(1.618em,7vw,2.058em)}.blog-hero-byline{margin-block-start:1.618em}}@media (width<=600px){.blog-hero-actions .btn-solid{text-align:center;inline-size:100%;font-size:1em}}.blog-archive,.blog-next{font-size:clamp(1em,.786em + .3vw,1.272em)}.blog-archive{padding-block:clamp(2.618em, 7vh, 4.236em) var(--lk-section-pad);background-color:var(--color-surface-val);color:var(--color-body-val);--color-accent-val:var(--palette-olive-deep)}.blog-frame{max-inline-size:72em;margin-inline:auto}.blog-archive-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1em 2.618em;margin-block-end:1.618em;display:flex}.blog-archive-heading{min-inline-size:0}.blog-archive-eyebrow{letter-spacing:.0618em;text-transform:uppercase;color:var(--color-accent-val);margin:0 0 .618em;font-size:.912em;font-weight:700;line-height:1.272}.blog-archive-title{font-family:Bricolage Display,Bricolage Text,sans-serif;font-size:var(--lk-display-sm);letter-spacing:-.022em;text-transform:none;color:var(--color-ink-val);margin:0;font-weight:600;line-height:1.062}.blog-archive-topics{color:var(--color-body-muted-val);flex-wrap:wrap;align-items:baseline;gap:.382em 1.272em;font-size:.942em;line-height:1.272;display:flex}.blog-archive-topics-label{letter-spacing:.0618em;text-transform:uppercase;font-size:.912em;font-weight:700}.blog-archive-topics a,.blog-link-more{color:var(--color-ink-val);text-underline-offset:.236em;transition:color .2s var(--ease-smooth);font-weight:600;text-decoration:underline 1px}.blog-archive-topics a:hover,.blog-link-more:hover{color:var(--color-accent-val)}.blog-link-more{align-items:center;gap:.382em;font-size:.942em;line-height:1.272;display:inline-flex}.blog-link-more>svg{block-size:1em;inline-size:1em;transition:translate .2s var(--ease-smooth);flex:none}.blog-link-more:hover>svg{translate:.236em}.blog-archive-empty{color:var(--color-body-val);margin:0;font-size:1em;line-height:1.618}.blog-archive-empty strong{color:var(--color-ink-val)}.blog-filter{align-items:flex-start;gap:.382em;margin-block-end:2.618em;font-size:1em;display:flex;position:relative}.blog-filter-pills{flex-wrap:wrap;flex:auto;align-items:center;gap:.382em;min-inline-size:0;display:flex}.blog-filter-more{flex:none;position:relative}.blog-filter-pill{background-color:var(--palette-beige-50);min-block-size:2.382em;color:var(--color-ink-val);font:inherit;white-space:nowrap;cursor:pointer;transition:background-color .15s var(--ease-smooth), color .15s var(--ease-smooth);border:0;border-radius:100em;align-items:center;gap:.382em;padding:.382em 1em .382em .382em;font-size:.942em;font-weight:600;line-height:1.272;display:inline-flex}.blog-filter-pill--all,.blog-filter-more-btn{padding-inline-start:1em}.blog-filter-more-btn{padding-inline-end:.786em}.blog-filter-pill:hover{background-color:var(--palette-beige-75)}.blog-filter-pill[aria-pressed=true],.blog-filter-more-btn[data-active]{background-color:var(--color-ink-val);color:var(--color-surface-val)}.blog-filter-count{background-color:color-mix(in srgb, var(--palette-forest) 10%, transparent);color:var(--color-body-val);border-radius:100em;align-items:center;padding-inline:.618em;font-size:.786em;font-weight:700;line-height:1.618;display:inline-flex}.blog-filter-pill[aria-pressed=true] .blog-filter-count{color:var(--color-surface-val);background-color:#ffffff38}.blog-filter-chevron{block-size:1em;inline-size:1em;transition:transform .25s var(--ease-smooth);flex:none}.blog-filter-more-btn[aria-expanded=true] .blog-filter-chevron{transform:rotate(180deg)}.blog-pill-icon{background-color:var(--color-ink-val);block-size:1.618em;inline-size:1.618em;color:var(--palette-lime);border-radius:100em;flex:none;justify-content:center;align-items:center;display:inline-flex}.blog-pill-icon>.blog-category-icon{block-size:1em;inline-size:1em}.blog-filter-pill[aria-pressed=true] .blog-pill-icon{background-color:var(--palette-lime);color:var(--color-ink-val)}.blog-filter-panel{z-index:20;overscroll-behavior:contain;border:1px solid var(--color-line-val);background-color:var(--color-surface-val);max-block-size:min(60vh,26em);min-inline-size:15em;box-shadow:0 .618em 1.618em color-mix(in srgb, var(--palette-forest) 14%, transparent);border-radius:1em;gap:.236em;padding:.382em;display:grid;position:absolute;inset-block-start:calc(100% + .382em);inset-inline-end:0;overflow-y:auto}.blog-filter-panel-item{inline-size:100%;color:var(--color-ink-val);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-radius:.618em;align-items:center;gap:.618em;padding:.382em .618em .382em .382em;font-size:.942em;font-weight:600;line-height:1.272;display:flex}.blog-filter-panel-item:hover{background-color:var(--palette-beige-25)}.blog-filter-panel-item[aria-pressed=true]{background-color:var(--palette-beige-50)}.blog-filter-panel-name{flex:auto}.blog-filter-check{block-size:1em;inline-size:1em;color:var(--color-accent-val);visibility:hidden;flex:none}.blog-filter-panel-item[aria-pressed=true] .blog-filter-check{visibility:visible}.blog-grid-frame{font-size:1em;container:blog-grid/inline-size}.blog-grid{--blog-gap-x:1.618em;gap:2.618em var(--blog-gap-x);grid-template-columns:minmax(0,1fr);font-size:1em;display:grid}.blog-tile{flex-direction:column;min-inline-size:0;font-size:1em;display:flex;position:relative}.blog-tile-media{isolation:isolate;aspect-ratio:3/2;background-color:#000;border-radius:clamp(.786em,1.6vi,1.272em);font-size:1em;position:relative;overflow:hidden}.blog-tile-image{object-fit:cover;block-size:100%;inline-size:100%;transition:transform .4s var(--ease-smooth);display:block}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.blog-tile:hover .blog-tile-image{transform:scale(1.06)}}.blog-pill-badge{background-color:color-mix(in srgb, var(--palette-forest) 88%, #fff);color:#fff;border-radius:100em;align-items:center;gap:.382em;max-inline-size:calc(100% - 1.618em);padding:.236em .786em .236em .236em;font-size:.786em;font-weight:700;line-height:1.272;display:inline-flex;position:absolute;inset-block-end:.786em;inset-inline-start:.786em;box-shadow:0 0 0 1px #ffffff29,0 .236em .618em #0000002e}.blog-pill-badge .blog-pill-icon{background-color:var(--palette-lime);color:var(--palette-forest)}.blog-pill-badge-name{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.blog-tile-body{flex-direction:column;align-items:flex-start;padding:1em .236em 0;display:flex}.blog-tile-title{letter-spacing:-.014em;text-transform:none;color:var(--color-ink-val);margin:0;font-family:Bricolage Display,Bricolage Text,sans-serif;font-size:1.272em;font-weight:600;line-height:1.272}.blog-tile-title a{color:inherit;text-underline-offset:.236em;text-decoration:none}.blog-tile-title a:after{content:"";position:absolute;inset:0}.blog-tile:hover .blog-tile-title a{text-decoration-line:underline}.blog-tile:has(.blog-tile-title a:focus-visible) .blog-tile-media{outline:3px solid var(--color-accent-val);outline-offset:3px}.blog-tile-excerpt{-webkit-line-clamp:2;line-clamp:2;color:var(--color-body-val);-webkit-box-orient:vertical;margin:.618em 0 0;font-size:.942em;line-height:1.618;display:-webkit-box;overflow:hidden}.blog-tile-cta{display:none}@container blog-grid (width>=560px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-tile[data-span-md="2"]{grid-column:1/-1}.blog-tile-media{aspect-ratio:4/3}.blog-tile[data-span-md="2"] .blog-tile-media{aspect-ratio:2}.blog-tile[data-span-md="2"] .blog-tile-title{font-size:1.618em}}@container blog-grid (width>=880px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-tile[data-span-md="2"]{grid-column:auto}.blog-tile[data-size=wide]{grid-column:span 2}.blog-tile[data-size=single]{grid-column:1/-1}.blog-tile[data-span-md="2"] .blog-tile-title{font-size:1.272em}.blog-tile[data-size=wide] .blog-tile-title{font-size:1.618em}.blog-tile[data-size=wide] .blog-tile-excerpt{max-inline-size:38em}.blog-tile .blog-tile-media,.blog-tile[data-span-md="2"] .blog-tile-media{aspect-ratio:auto}.blog-tile[data-row=tall] .blog-tile-media{block-size:calc((100cqi - 2 * var(--blog-gap-x)) / 3)}.blog-tile[data-row=short] .blog-tile-media{block-size:calc((100cqi - 2 * var(--blog-gap-x)) / 4)}.blog-tile[data-size=single]{grid-template-columns:minmax(0,1.272fr) minmax(0,1fr);align-items:center;column-gap:2.618em;display:grid}.blog-tile[data-size=single] .blog-tile-media{aspect-ratio:16/10}.blog-tile[data-size=single] .blog-tile-body{padding:0}.blog-tile[data-size=single] .blog-tile-title{letter-spacing:-.022em;font-size:2.058em;line-height:1.062}.blog-tile[data-size=single] .blog-tile-excerpt{-webkit-line-clamp:4;line-clamp:4;margin-block-start:1em;font-size:1em}.blog-tile[data-size=single] .blog-tile-cta{background-color:var(--color-ink-val);color:var(--color-surface-val);border-radius:100em;align-items:center;gap:.382em;margin-block-start:1.618em;padding:.618em 1.272em;font-size:.942em;font-weight:700;line-height:1.272;display:inline-flex}.blog-tile[data-size=single] .blog-tile-cta>svg{block-size:1em;inline-size:1em}}.blog-more-wrap{justify-content:center;margin-block-start:2.618em;display:flex}.blog-more-btn{background-color:var(--color-ink-val);min-block-size:2.508em;color:var(--color-surface-val);font:inherit;cursor:pointer;transition:background-color .2s var(--ease-smooth);border:0;border-radius:100em;align-items:center;gap:.618em;padding:.618em 1em .618em 1.272em;font-size:.942em;font-weight:700;line-height:1.272;display:inline-flex}.blog-more-btn:hover{background-color:var(--palette-moss)}.blog-more-btn>svg{block-size:1em;inline-size:1em;transition:transform .25s var(--ease-smooth)}.blog-more-btn[aria-expanded=true]>svg{transform:rotate(180deg)}.blog-post-body{background-color:var(--color-surface-val);color:var(--color-body-val);--color-accent-val:var(--palette-olive-deep);--blog-sticky:1.618em;padding-block:clamp(2.618em,6vh,4.236em) clamp(2.618em,8vh,4.236em);font-size:1rem}.blog-post-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:2.618em;display:grid}.blog-post-rail{gap:1.618em;min-inline-size:0;font-size:1em;display:grid}.blog-rail-label{letter-spacing:.0618em;text-transform:uppercase;color:var(--color-body-muted-val);margin:0 0 .786em;font-size:.786em;font-weight:700;line-height:1.272}.blog-post-readtime{border-block-end:1px solid var(--color-line-val);gap:.618em;padding-block-end:1.618em;display:grid}.blog-post-readtime-text{color:var(--color-ink-val);align-items:center;gap:.382em;margin:0;font-size:.942em;font-weight:700;line-height:1.272;display:flex}.blog-post-readtime-text>svg{flex:none;block-size:1.062em;inline-size:1.062em}.blog-post-progress{background-color:var(--palette-beige-50);border-radius:100em;block-size:.382em;overflow:hidden}.blog-post-progress-bar{background-color:var(--color-accent-val);transform-origin:0;border-radius:100em;block-size:100%;display:block;transform:scaleX(0)}.blog-post-toc ol{border-inline-start:1px solid var(--color-line-val);gap:.236em;margin:0;padding:0;list-style:none;display:grid}.blog-post-toc a{color:var(--color-body-muted-val);transition:color .2s var(--ease-smooth), border-color .2s var(--ease-smooth);border-inline-start:2px solid #0000;margin-inline-start:-1px;padding:.382em 0 .382em .786em;font-size:.912em;font-weight:600;line-height:1.272;text-decoration:none;display:block}.blog-post-toc a:hover{color:var(--color-ink-val);text-underline-offset:.236em;text-decoration:underline}.blog-post-toc a[aria-current=location]{border-inline-start-color:var(--color-ink-val);color:var(--color-ink-val)}.blog-post-article{min-inline-size:0;max-inline-size:42em;font-size:1em}.blog-post-takeaways{background-color:var(--palette-beige-25);box-shadow:0 0 0 1px var(--palette-beige-50);border-radius:clamp(.786em,1.6vi,1.272em);margin-block-end:2.618em;padding:1.618em}.blog-post-takeaways-title{letter-spacing:-.014em;text-transform:none;color:var(--color-ink-val);margin:0 0 1em;font-family:Bricolage Display,Bricolage Text,sans-serif;font-size:1.272em;font-weight:600;line-height:1.272}.blog-post-takeaways ul{gap:.786em;margin:0;padding:0;list-style:none;display:grid}.blog-post-takeaways li{color:var(--color-body-val);grid-template-columns:1.272em minmax(0,1fr);gap:.618em;font-size:1em;line-height:1.618;display:grid}.blog-post-takeaways li>svg{block-size:1.272em;inline-size:1.272em;color:var(--color-accent-val);margin-block-start:.236em}.blog-post-prose{color:var(--color-body-val);font-size:1.062em;line-height:1.618}.blog-post-prose>:first-child{margin-block-start:0}.blog-post-prose p,.blog-post-prose ul,.blog-post-prose ol{margin:0}.blog-post-prose *+p,.blog-post-prose *+ul,.blog-post-prose *+ol{margin-block-start:1em}.blog-post-prose h2{letter-spacing:-.014em;text-transform:none;color:var(--color-ink-val);margin:1.618em 0 .618em;font-family:Bricolage Display,Bricolage Text,sans-serif;font-size:1.618em;font-weight:600;line-height:1.272}.blog-post-prose h2+p,.blog-post-prose h2+ul,.blog-post-prose h2+ol{margin-block-start:0}.blog-post-prose h3{text-transform:none;color:var(--color-ink-val);margin:1.618em 0 .382em;font-size:1.062em;font-weight:700;line-height:1.272}.blog-post-prose ul,.blog-post-prose ol{padding-inline-start:1.272em}.blog-post-prose li+li{margin-block-start:.382em}.blog-post-prose li::marker{color:var(--color-accent-val)}.blog-post-prose a{color:var(--color-ink-val);text-underline-offset:.236em;transition:color .2s var(--ease-smooth);font-weight:600;text-decoration:underline 1px}.blog-post-prose a:hover{color:var(--color-accent-val)}.blog-post-prose strong{color:var(--color-ink-val)}.blog-post-ledger{border-block-start:1px solid var(--color-line-val);margin:0;display:grid}.blog-post-ledger-row{border-block-end:1px solid var(--color-line-val);gap:.382em;padding-block:1em;display:grid}.blog-post-ledger dt{letter-spacing:.0618em;text-transform:uppercase;color:var(--color-body-muted-val);font-size:.786em;font-weight:700;line-height:1.272}.blog-post-ledger dd{color:var(--color-ink-val);gap:.382em;margin:0;font-size:.942em;line-height:1.272;display:grid}.blog-post-ledger a{inline-size:fit-content;color:var(--color-ink-val);text-underline-offset:.236em;font-weight:600;text-decoration:underline 1px}.blog-post-ledger a:hover{color:var(--color-accent-val)}.blog-post-ledger-category{align-items:center;gap:.382em;font-weight:600;display:inline-flex}.blog-post-ledger-category .blog-pill-icon{font-size:.942em}.blog-post-audience{color:var(--color-body-val);margin:0;font-size:.942em;line-height:1.618}.blog-post-author-head{align-items:center;gap:.786em;display:flex}.blog-post-author-avatar{border:1px solid var(--color-line-val);background-color:var(--color-surface-val);object-fit:contain;border-radius:100em;flex:none;block-size:2.618em;inline-size:2.618em;padding:.236em}.blog-post-author-name{color:var(--color-ink-val);margin:0;font-size:.942em;font-weight:700;line-height:1.272}.blog-post-author-role{color:var(--color-body-muted-val);margin:0;font-size:.912em;line-height:1.272}.blog-post-author-bio{color:var(--color-body-val);margin:.786em 0 0;font-size:.942em;line-height:1.618}.blog-post-ask{border-block-start:1px solid var(--color-line-val);padding-block-start:1.618em}.blog-post-ask-title{letter-spacing:-.014em;color:var(--color-ink-val);margin:0 0 .618em;font-family:Bricolage Display,Bricolage Text,sans-serif;font-size:1.272em;font-weight:600;line-height:1.272}@media (width>=640px) and (width<=1099px){.blog-post-rail--end{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.618em}.blog-post-rail--end>.blog-post-ledger{grid-row:span 3}}@media (width>=1100px){.blog-post-layout{grid-template-columns:minmax(13em,1fr) minmax(0,42em) minmax(16em,1.272fr);column-gap:clamp(2.618em,3.6vw,4.236em)}.blog-post-rail--start{max-block-size:calc(100dvh - var(--blog-sticky));overscroll-behavior:contain;scrollbar-width:thin;padding-block-end:1em;position:sticky;inset-block-start:var(--blog-sticky);overflow-y:auto}.blog-post-rail--start>*{max-inline-size:16em}.blog-post-rail--end{justify-self:end;inline-size:100%;max-inline-size:20em}}.blog-next{padding-block:0 var(--lk-section-pad);background-color:var(--color-surface-val);--color-accent-val:var(--palette-olive-deep)}.blog-next-inner{border-block-start:1px solid var(--color-line-val);padding-block-start:clamp(2.618em,6vh,4.236em)}.blog-next-title{letter-spacing:-.014em;text-transform:none;color:var(--color-ink-val);margin:0;font-family:Bricolage Display,Bricolage Text,sans-serif;font-size:clamp(1.618em,3vw,2.618em);font-weight:600;line-height:1.272}.blog-tile[hidden],.blog-filter-more[hidden],.blog-filter-panel[hidden],.blog-filter-panel-item[hidden],.blog-filter-pill[hidden],.blog-more-wrap[hidden],.blog-archive-empty[hidden]{display:none}}@layer utilities;
