.blog-page{--blog-cream: #f1f0eb;--blog-ink: #171615;--blog-purple: #4e2251;--blog-rule: color-mix(in oklab, var(--blog-ink) 16%, transparent);background:var(--blog-cream);overflow:clip}.blog-page .blog-kicker{color:var(--blog-purple);font-size:.7rem;font-weight:650;letter-spacing:.2em;text-transform:uppercase}.blog-index-hero,.blog-archive-hero,.blog-author-hero,.blog-article__hero{padding-top:5rem}.blog-breadcrumbs{padding-block:1.35rem}.blog-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0}.blog-breadcrumbs li{align-items:center;color:var(--color-concrete-600);display:flex;font-size:.72rem;letter-spacing:.03em}.blog-breadcrumbs li:not(:last-child):after{color:var(--color-concrete-400);content:"/";margin-left:.45rem}.blog-breadcrumbs a{transition:color .18s ease}.blog-breadcrumbs a:hover{color:var(--blog-purple)}.blog-index-hero{background:linear-gradient(90deg,transparent calc(100% - var(--shell-x)),var(--blog-rule) calc(100% - var(--shell-x)),var(--blog-rule) calc(100% - var(--shell-x) + 1px),transparent calc(100% - var(--shell-x) + 1px)),radial-gradient(circle at 87% 13%,rgba(78,34,81,.12),transparent 29%);border-bottom:1px solid var(--blog-rule);min-height:min(45rem,78svh);padding-bottom:clamp(3.5rem,8vw,7rem)}.blog-index-hero__grid{display:grid;grid-template-columns:minmax(7rem,.34fr) minmax(0,1.66fr);padding-top:clamp(1.75rem,4vw,4rem)}.blog-index-hero__grid .blog-kicker{padding-top:.7rem}.blog-index-hero h1{color:var(--blog-ink);font-size:clamp(2.9rem,7.1vw,7.2rem);font-weight:430;grid-column:2;letter-spacing:-.06em;line-height:.93;max-width:11.5ch}.blog-index-hero h1 em{color:var(--blog-purple);font-style:normal;position:relative}.blog-index-hero h1 em:after{border-top:.08em solid currentColor;bottom:-.02em;content:"";left:0;position:absolute;transform:rotate(-2deg);width:100%}.blog-index-hero__lede{color:var(--color-concrete-700);font-size:clamp(1rem,1.6vw,1.22rem);grid-column:2;line-height:1.65;margin-top:clamp(2rem,4vw,3.5rem);max-width:45ch}.blog-card{border-top:1px solid var(--blog-rule);display:grid;gap:clamp(1.25rem,3vw,3rem);grid-template-columns:2.5rem minmax(0,1fr) minmax(9rem,.28fr);min-width:0;padding-block:clamp(1.7rem,3.5vw,3.1rem);transition:border-color .22s ease}.blog-card:last-child{border-bottom:1px solid var(--blog-rule)}.blog-card:hover{border-top-color:var(--blog-purple)}.blog-card[hidden]{display:none}.blog-card__number{color:var(--blog-purple);font-size:.67rem;font-variant-numeric:tabular-nums;letter-spacing:.08em;padding-top:.18rem}.blog-card__content{min-width:0}.blog-card__meta{align-items:center;color:var(--color-concrete-600);display:flex;flex-wrap:wrap;font-size:.68rem;gap:.75rem;letter-spacing:.055em;text-transform:uppercase}.blog-card__meta a{color:var(--blog-purple);font-weight:650}.blog-card__meta time:before{content:"•";margin-right:.75rem}.blog-card__title{font-size:clamp(1.55rem,2.65vw,2.55rem);font-weight:480;letter-spacing:-.045em;line-height:1.08;margin-top:.85rem;max-width:25ch}.blog-card__title a{background-image:linear-gradient(var(--blog-purple),var(--blog-purple));background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .45s var(--ease-out-expo),color .18s ease}.blog-card__title a:hover{background-size:100% 1px;color:var(--blog-purple)}.blog-card__excerpt{color:var(--color-concrete-700);font-size:.9rem;line-height:1.7;margin-top:1rem;max-width:66ch}.blog-card__footer{align-items:flex-start;display:flex;flex-direction:column;font-size:.72rem;justify-content:space-between;padding-block:.15rem .1rem}.blog-card__author{color:var(--color-concrete-600)}.blog-card__read{color:var(--blog-purple);font-weight:650}.blog-card__read span{display:inline-block;transition:transform .25s ease}.blog-card__read:hover span{transform:translate(3px,-3px)}.blog-directory{padding-bottom:clamp(4.5rem,9vw,8.5rem)}.blog-directory--index{padding-top:clamp(3rem,7vw,6.5rem)}.blog-filters{border-bottom:1px solid var(--blog-rule);border-top:1px solid var(--blog-rule);padding-block:1.4rem}.blog-filters__heading{align-items:baseline;display:flex;justify-content:space-between}.blog-filters__count{color:var(--color-concrete-600);font-size:.76rem}.blog-filters__count strong{color:var(--blog-ink);font-size:1rem}.blog-filters__controls{align-items:end;display:grid;gap:1.5rem;grid-template-columns:1fr minmax(12rem,17rem);margin-top:1.35rem}.blog-filters__categories{display:flex;flex-wrap:wrap;gap:.5rem}.blog-filters__categories a{background:transparent;border:1px solid var(--blog-rule);border-radius:999px;color:var(--color-concrete-700);font-size:.75rem;padding:.53rem .82rem;transition:background .18s ease,border-color .18s ease,color .18s ease}.blog-filters__categories a:hover,.blog-filters__categories a.is-active{background:var(--blog-purple);border-color:var(--blog-purple);color:#fff}.blog-search{align-items:center;border-bottom:1px solid var(--blog-ink);display:flex;gap:.6rem;padding-bottom:.55rem}.blog-search svg{fill:none;flex:0 0 auto;stroke:currentColor;stroke-width:1.5}.blog-search input{background:transparent;border:0;color:var(--blog-ink);font:inherit;font-size:.8rem;min-width:0;outline:0;width:100%}.blog-search input::placeholder{color:var(--color-concrete-500)}.blog-grid{padding-top:clamp(2.5rem,5vw,4.5rem)}.blog-pagination{align-items:center;border-top:1px solid var(--blog-rule);display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;margin-top:clamp(4rem,8vw,7rem);padding-top:1.4rem}.blog-pagination[hidden]{display:none}.blog-pagination ol{align-items:center;display:flex;gap:.35rem;list-style:none;margin:0;padding:0}.blog-pagination li{color:var(--color-concrete-500);font-size:.75rem}.blog-pagination li :is(a,span){align-items:center;border-radius:50%;display:flex;height:2rem;justify-content:center;width:2rem}.blog-pagination li span[aria-current]{background:var(--blog-purple);color:#fff}.blog-pagination__direction{color:var(--blog-purple);font-size:.76rem;font-weight:650}.blog-pagination__direction:last-child{justify-self:end}.blog-empty{align-items:center;border-bottom:1px solid var(--blog-rule);border-top:1px solid var(--blog-rule);display:grid;gap:1.5rem;grid-template-columns:auto 1fr auto;margin-top:3.5rem;padding-block:2.5rem}.blog-empty[hidden]{display:none}.blog-empty__mark{color:var(--blog-purple);font-size:2.5rem;font-weight:300}.blog-empty h2{font-size:1.35rem}.blog-empty p{color:var(--color-concrete-600);font-size:.85rem;margin-top:.35rem}.blog-empty button{background:transparent;border:0;border-bottom:1px solid currentColor;color:var(--blog-purple);cursor:pointer;font:inherit;font-size:.78rem;font-weight:600;padding:.2rem 0}.blog-manifesto{background:var(--blog-purple);color:#fff}.blog-manifesto .shell{align-items:end;display:grid;gap:2rem;grid-template-columns:.45fr 1fr auto;padding-block:clamp(3.5rem,7vw,6.5rem)}.blog-manifesto .shell>span{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase}.blog-manifesto p{font-size:clamp(1.75rem,3.8vw,3.6rem);letter-spacing:-.045em;line-height:1.08;max-width:18ch}.blog-manifesto a{border-bottom:1px solid rgba(255,255,255,.55);font-size:.77rem;padding-bottom:.25rem}.blog-archive-hero,.blog-author-hero{border-bottom:1px solid var(--blog-rule);padding-bottom:clamp(3rem,7vw,6rem)}.blog-archive-hero .blog-kicker{margin-top:clamp(2rem,5vw,4rem)}.blog-archive-hero h1{color:var(--blog-purple);font-size:clamp(3rem,8vw,7rem);font-weight:430;letter-spacing:-.06em;margin-top:.45rem}.blog-archive-hero .shell>p:last-child,.blog-author-hero__profile div>p:last-child{color:var(--color-concrete-600);font-size:.84rem;margin-top:1rem}.blog-author-hero__profile{align-items:center;display:flex;gap:clamp(1.5rem,4vw,3.5rem);margin-top:clamp(2rem,5vw,4rem)}.blog-author-avatar{align-items:center;border-radius:50%;display:flex;flex:0 0 auto;justify-content:center;overflow:hidden}.blog-author-avatar img{display:block;height:100%;margin:0;object-fit:cover;width:100%}.blog-author-avatar--hero{background:var(--blog-purple);color:#fff;font-size:clamp(2rem,4vw,3.8rem);height:clamp(6rem,12vw,10rem);width:clamp(6rem,12vw,10rem)}.blog-author-hero h1{font-size:clamp(2.4rem,6vw,5.5rem);font-weight:430;margin-top:.35rem}.blog-archive-back{display:inline-flex;font-size:.8rem;font-weight:600;gap:.55rem;margin-top:5rem}.blog-article__hero{background:var(--blog-cream);border-bottom:1px solid var(--blog-rule);isolation:isolate;overflow:hidden;padding-bottom:clamp(3rem,7vw,6.5rem);position:relative}.blog-article__hero-content{position:relative;z-index:1}.blog-article__hero-media{inset:0;position:absolute;z-index:-2}.blog-article__hero-media:after{background:linear-gradient(90deg,#0f0a11f0,#1b111ed6 52%,#1b111e94),linear-gradient(180deg,#0e091047,#0e09102e 42%,#0e0910d1);content:"";inset:0;position:absolute}.blog-article__hero-media img{filter:saturate(.72) contrast(1.04) brightness(.9);height:100%;object-fit:cover;transform:scale(1.015);width:100%}.blog-article__hero--with-cover{background:#1b111e;border-bottom-color:#ffffff2e;color:#fff;margin-top:5rem;min-height:min(48rem,80svh);padding-bottom:clamp(4rem,8vw,7rem);padding-top:0}.blog-article__hero--with-cover .blog-breadcrumbs li{color:#ffffffad}.blog-article__hero--with-cover .blog-breadcrumbs li:not(:last-child):after{color:#ffffff61}.blog-article__hero--with-cover .blog-breadcrumbs a:hover{color:#fff}.blog-article__heading{display:grid;grid-template-columns:minmax(8rem,.34fr) minmax(0,1.66fr);margin-top:clamp(2rem,5vw,4.5rem)}.blog-article__categories{align-content:start;display:flex;flex-wrap:wrap;gap:.45rem;padding-right:2rem;padding-top:.65rem}.blog-article__categories a{border:1px solid var(--blog-purple);border-radius:999px;color:var(--blog-purple);font-size:.65rem;font-weight:650;padding:.38rem .68rem;text-transform:uppercase}.blog-article__heading h1{font-size:clamp(2.4rem,5.1vw,4.9rem);font-weight:430;grid-column:2;letter-spacing:-.055em;line-height:1;max-width:16ch}.blog-article__heading>p{color:var(--color-concrete-700);font-size:clamp(1rem,1.5vw,1.2rem);grid-column:2;line-height:1.65;margin-top:2rem;max-width:52ch}.blog-article__byline{align-items:center;display:flex;flex-wrap:wrap;font-size:.72rem;gap:.75rem;margin-left:17%;margin-top:2.75rem}.blog-article__byline>span[aria-hidden]{background:var(--blog-rule);height:1px;width:1.7rem}.blog-article__byline strong{color:var(--blog-purple)}.blog-article__hero--with-cover .blog-article__categories a{backdrop-filter:blur(8px);background:#120b1447;border-color:#ffffffad;color:#fff}.blog-article__hero--with-cover .blog-article__heading h1{color:#fff;text-shadow:0 .08em .45em rgba(0,0,0,.28)}.blog-article__hero--with-cover .blog-article__heading>p{color:#ffffffd1;text-shadow:0 1px 1.25rem rgba(0,0,0,.3)}.blog-article__hero--with-cover .blog-article__byline{color:#fffc}.blog-article__hero--with-cover .blog-article__byline>span[aria-hidden]{background:#ffffff57}.blog-article__hero--with-cover .blog-article__byline strong{color:#fff}.blog-article__layout{display:grid;gap:clamp(2rem,6vw,7rem);grid-template-columns:minmax(11rem,.42fr) minmax(0,1fr);padding-block:clamp(4rem,8vw,8rem)}.blog-article__rail{align-self:start;position:sticky;top:6.5rem}.blog-toc{border-top:2px solid var(--blog-purple);padding-top:1rem}.blog-toc>p{font-size:.65rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.blog-toc ol{list-style:none;margin:1rem 0 0;padding:0}.blog-toc li{border-top:1px solid var(--blog-rule);color:var(--color-concrete-600);font-size:.72rem;line-height:1.4;padding-block:.68rem}.blog-toc li.is-subitem{padding-left:1rem}.blog-toc a{transition:color .18s ease}.blog-toc a:hover{color:var(--blog-purple)}.blog-article__back{display:inline-flex;font-size:.72rem;font-weight:600;gap:.45rem;margin-top:2rem}.blog-prose{font-size:clamp(1rem,1.1vw,1.08rem);line-height:1.85;max-width:48rem;min-width:0}.blog-prose>:first-child{margin-top:0}.blog-prose :is(h2,h3,h4){color:var(--blog-ink);scroll-margin-top:7rem}.blog-prose h2{border-top:1px solid var(--blog-rule);font-size:clamp(1.75rem,3vw,2.65rem);font-weight:480;letter-spacing:-.04em;margin:4rem 0 1.4rem;padding-top:1.4rem}.blog-prose h3{font-size:clamp(1.3rem,2vw,1.7rem);margin:2.8rem 0 1rem}.blog-prose h4{font-size:1.1rem;margin:2rem 0 .7rem}.blog-prose p,.blog-prose ul,.blog-prose ol,.blog-prose blockquote,.blog-prose pre,.blog-prose table{margin-block:1.35rem}.blog-prose :is(ul,ol){padding-left:1.35rem}.blog-prose li+li{margin-top:.55rem}.blog-prose a:not(.blog-author-box a){color:var(--blog-purple);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}.blog-prose blockquote{border-left:.28rem solid var(--blog-purple);color:var(--blog-purple);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:480;letter-spacing:-.025em;line-height:1.45;padding:.6rem 0 .6rem 1.5rem}.blog-prose img{height:auto;margin-block:2.5rem;max-width:100%}.blog-prose iframe{aspect-ratio:16 / 9;border:0;display:block;height:auto;margin-block:2.5rem;max-width:100%;width:100%}.blog-prose pre{background:var(--blog-ink);color:#f7f6f1;overflow-x:auto;padding:1.25rem}.blog-prose code{background:#4e225114;border-radius:.15rem;font-size:.9em;padding:.12em .3em}.blog-prose pre code{background:transparent;padding:0}.blog-prose table{border-collapse:collapse;display:block;font-size:.85rem;overflow-x:auto;width:100%}.blog-prose :is(th,td){border:1px solid var(--blog-rule);padding:.7rem;text-align:left}.blog-prose th{background:#4e22510f}.blog-article__tags{border-top:1px solid var(--blog-rule);display:grid;gap:1rem;grid-template-columns:7rem 1fr;margin-top:4rem;padding-top:1.3rem}.blog-article__tags>span{font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.blog-article__tags ul{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0}.blog-article__tags li{border:1px solid var(--blog-rule);border-radius:999px;font-size:.67rem;margin:0;padding:.4rem .7rem}.blog-author-box{align-items:center;background:var(--blog-purple);color:#fff;display:flex;gap:1.4rem;margin-top:3rem;padding:clamp(1.4rem,4vw,2.5rem)}.blog-author-avatar--compact{border:1px solid rgba(255,255,255,.35);font-size:1.75rem;height:4.7rem;width:4.7rem}.blog-author-box div>span{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.blog-author-box h2{border:0;color:#fff;font-size:1.35rem;margin:.2rem 0 .55rem;padding:0}.blog-author-box a{font-size:.7rem;text-decoration:none}.blog-article__updated{color:var(--color-concrete-500);font-size:.68rem;margin-top:1rem!important;text-align:right}.material-page__hero{border-bottom:1px solid var(--blog-rule);padding:5rem 0 clamp(3.5rem,8vw,7rem)}.material-page__heading{display:grid;gap:2rem;grid-template-columns:minmax(9rem,.35fr) minmax(0,1fr);margin-top:clamp(2rem,5vw,4.5rem)}.material-page__categories{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.material-page__categories span{border:1px solid var(--blog-purple);border-radius:999px;color:var(--blog-purple);font-size:.63rem;padding:.35rem .6rem;text-transform:uppercase}.material-page__heading h1{font-size:clamp(2.7rem,6.4vw,6.2rem);font-weight:430;letter-spacing:-.06em;line-height:.96;max-width:13ch}.material-page__heading>div:last-child>p{color:var(--color-concrete-700);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65;margin-top:1.8rem;max-width:52ch}.material-page__meta{color:var(--color-concrete-600);display:flex;flex-wrap:wrap;font-size:.72rem;gap:1.5rem;margin-top:2rem}.material-page__body{align-items:start;display:grid;gap:clamp(2.5rem,7vw,7rem);grid-template-columns:minmax(16rem,.65fr) minmax(0,1fr);padding-block:clamp(4rem,9vw,8rem)}.material-page__cover{background:#dedbd3;margin:0}.material-page__cover img{aspect-ratio:1 / 1;display:block;height:100%;object-fit:cover;width:100%}.material-page__content{min-width:0}.material-page__cta{align-items:center;background:var(--blog-purple);color:#fff;display:inline-flex;font-size:.8rem;font-weight:650;gap:.7rem;margin-top:2.5rem;padding:1rem 1.25rem}.material-page__cta span{transition:transform .25s ease}.material-page__cta:hover span{transform:translate(3px,-3px)}@media(max-width:900px){.blog-card{grid-template-columns:2rem minmax(0,1fr) minmax(8rem,.25fr)}.blog-manifesto .shell{grid-template-columns:1fr 2fr}.blog-manifesto a{grid-column:2;justify-self:start}.blog-article__layout{gap:3rem;grid-template-columns:minmax(10rem,.35fr) minmax(0,1fr)}}@media(max-width:680px){.blog-index-hero{min-height:auto}.blog-index-hero__grid{display:block;padding-top:1rem}.blog-index-hero h1{font-size:clamp(2.75rem,14.3vw,4.7rem);margin-top:1.5rem}.blog-index-hero__lede{margin-top:2rem}.blog-card{column-gap:1rem;grid-template-columns:1.6rem minmax(0,1fr)}.blog-card__number{grid-column:1;grid-row:1}.blog-card__content{grid-column:2}.blog-card__footer{align-items:center;flex-direction:row;gap:1rem;grid-column:2}.blog-filters__controls{display:flex;flex-direction:column;align-items:stretch}.blog-filters__categories{flex-wrap:nowrap;margin-inline:calc(var(--shell-x) * -1);overflow-x:auto;padding-inline:var(--shell-x);scrollbar-width:none}.blog-filters__categories a{flex:0 0 auto;white-space:nowrap}.blog-filters__categories::-webkit-scrollbar{display:none}.blog-empty{align-items:start;grid-template-columns:auto 1fr}.blog-empty button{grid-column:2;justify-self:start}.blog-manifesto .shell{display:block}.blog-manifesto p{margin-block:1.5rem 2rem}.blog-author-hero__profile{align-items:flex-start}.blog-article__heading{display:block}.blog-article__categories{padding:0 0 1.5rem}.blog-article__heading h1{font-size:clamp(2.15rem,9.5vw,3.25rem);line-height:1.02}.blog-article__byline{gap:.55rem;margin-left:0}.blog-article__byline>span[aria-hidden]{width:.8rem}.blog-article__hero--with-cover{min-height:min(43rem,86svh)}.blog-article__hero-media:after{background:linear-gradient(90deg,#0f0a11e0,#1b111eb3),linear-gradient(180deg,#0e09104d,#0e09107a 45%,#0e0910e6)}.blog-article__layout{display:block}.blog-article__rail{position:static}.blog-toc{margin-bottom:3rem}.blog-article__back{display:none}.blog-prose h2{margin-top:3rem}.blog-article__tags{grid-template-columns:1fr}.blog-pagination{grid-template-columns:1fr 1fr}.blog-pagination ol{display:none}.material-page__heading,.material-page__body{display:block}.material-page__heading>div:last-child{margin-top:2rem}.material-page__cover{margin-bottom:3rem}}@media(prefers-reduced-motion:no-preference){.blog-index-hero h1,.blog-index-hero__lede,.blog-index-hero .blog-kicker{animation:blog-rise .8s var(--ease-out-expo) both}.blog-index-hero h1{animation-delay:80ms}.blog-index-hero__lede{animation-delay:.16s}@keyframes blog-rise{0%{opacity:0;transform:translateY(1.2rem)}to{opacity:1;transform:translateY(0)}}}
