@layer reset,tokens,base,layout,components,utilities;@layer components{.blog-hero__stamp{margin:0;color:var(--muted);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums}.post-grid{display:grid;gap:var(--space-l) var(--space-m);grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));margin:0;padding:0;list-style:none}.post-grid>li{display:grid;min-inline-size:0}.post-grid>li:nth-child(n+3){content-visibility:auto;contain-intrinsic-block-size:auto 26rem}.topic-strip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-s);margin-block-end:var(--space-l)}.topic-strip__label{margin:0;color:var(--muted);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.topic-strip__list{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin:0;padding:0;list-style:none}.topic-strip a{display:inline-flex;align-items:center;min-block-size:2.75rem;padding-inline:var(--space-xs);border:1px solid var(--line);border-radius:999px;background-color:var(--paper);color:var(--ink);text-decoration:none;overflow-wrap:anywhere;touch-action:manipulation}.topic-strip a[aria-current=page]{border-color:var(--ink);background-color:var(--hivis);color:var(--ink);font-weight:650}.topic-strip a:active{background-color:var(--concrete);translate:0 1px}.topic-strip__count{margin-inline-start:.35em;color:var(--muted);font-family:var(--font-mono);font-size:.78em;font-variant-numeric:tabular-nums}.pagination{margin-block-start:var(--space-xl)}.pagination__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2xs);margin:0;padding:0;list-style:none}.pagination :is(a,span:not(.pagination__gap)){display:inline-grid;place-items:center;min-inline-size:2.75rem;min-block-size:2.75rem;padding-inline:var(--space-xs);border:1px solid var(--line);border-radius:999px;font-weight:600;font-variant-numeric:tabular-nums;text-decoration:none}.pagination a{background-color:var(--paper);color:var(--ink);touch-action:manipulation}.pagination a:active{background-color:var(--concrete);translate:0 1px}.pagination [aria-current=page]{border-color:var(--ink);background-color:var(--ink);color:var(--paper)}.pagination [aria-disabled=true]{border-color:transparent;color:var(--muted)}.pagination__gap{display:inline-grid;place-items:center;min-inline-size:1.5rem;min-block-size:2.75rem;color:var(--muted)}.hero.post-head .post-head__inner{grid-template-areas:"titles" "visual" "side";row-gap:clamp(1.1rem,.8rem + 1.4vw,1.75rem)}.post-head__titles{grid-area:titles}.post-head__visual{grid-area:visual}.post-head__side{grid-area:side;gap:1.1rem}.hero.post-head .hero__title{max-inline-size:24ch;font-size:clamp(2.1rem,1.35rem + 2.9vw,3.5rem);line-height:1.04}.post-dek{max-inline-size:36ch;color:var(--ink);font-family:var(--font-display);font-size:var(--step-2);font-stretch:90%;font-weight:600;letter-spacing:-.01em;line-height:1.2;text-wrap:balance}.post-head:not([data-visual]) .post-head__inner{padding-inline-start:clamp(1rem,2vw,1.75rem);border-inline-start:6px solid var(--hivis)}.post-hero{margin:0}.post-hero .post-art{aspect-ratio:4 / 3;border-radius:var(--radius-panel);overflow:clip}.post-hero .post-art--screen,.post-hero .post-art--phone{box-shadow:var(--shadow-screen)}.post-hero .post-art--crop{aspect-ratio:auto;padding:clamp(1rem,4vw,2.25rem)}.post-hero .post-art--crop .post-art__image{box-shadow:var(--shadow-screen)}@container (width >= 56rem){.hero.post-head[data-visual] .post-head__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"titles visual" "side visual";align-items:start;column-gap:clamp(2rem,4vw,4rem)}.hero.post-head:not([data-visual]) .post-head__inner{max-inline-size:60rem}}.post-meta{display:grid;gap:.45rem;padding-block-start:1rem;border-block-start:1px solid var(--line)}.hero__side>.post-meta{justify-self:stretch}.post-meta p{margin:0}.post-meta__line{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;color:var(--muted);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}.post-meta__author{color:var(--ink)}.post-meta__author a{color:inherit;font-weight:650;text-decoration-color:var(--hivis);text-decoration-thickness:.12em;text-underline-offset:.18em}.post-meta__role{color:var(--muted)}.post-body{display:grid;gap:var(--space-l);padding-block-end:var(--space-section-page)}.post-body__main{display:grid;gap:var(--space-m);align-content:start;min-inline-size:0}.post-prose{min-inline-size:0;max-inline-size:68ch;font-size:var(--text-body);line-height:1.65}.post-prose>:nth-child(n+7){content-visibility:auto;contain-intrinsic-block-size:auto 6.5rem}@media(min-width:48rem){.post-prose>:nth-child(n+7){contain-intrinsic-block-size:auto 4.5rem}}.post-prose>h2{font-family:var(--font-display);font-size:var(--text-h3);font-stretch:90%;font-weight:800;letter-spacing:-.015em;line-height:1.1;text-wrap:balance}.post-prose>h3{font-family:var(--font-display);font-size:var(--text-h3-card);font-stretch:92%;font-weight:700;letter-spacing:-.01em;line-height:1.15}.post-prose a{text-decoration-color:var(--hivis);text-decoration-thickness:.12em;text-underline-offset:.18em}.post-prose img{max-inline-size:100%;block-size:auto;border-radius:var(--radius)}.post-prose :is(pre,code){font-family:var(--font-mono);font-size:.92em}.post-prose code{padding:.1em .3em;border-radius:var(--radius-s);background-color:var(--concrete)}.post-prose pre{padding:var(--space-s);border:1px solid var(--line);border-radius:var(--radius);background-color:var(--concrete);overflow-x:auto}.post-prose pre code{padding:0;background:none}.post-prose blockquote{margin-inline:0;padding-inline-start:var(--space-s);border-inline-start:6px solid var(--hivis);font-family:var(--font-display);font-size:var(--step-1);font-stretch:92%;font-weight:600;line-height:1.3}.post-prose hr{border:0;border-block-start:1px solid var(--line)}.post-prose .table{min-inline-size:34rem}.post-prose .table :is(th,td){overflow-wrap:break-word}.post-aside{display:grid;gap:var(--space-m);align-content:start;min-inline-size:0}.toc--side{display:none}.toc--inline{border:1px solid var(--line);border-radius:var(--radius);background-color:var(--concrete)}.toc__summary{min-block-size:2.75rem;padding:var(--space-xs) var(--space-s);font-weight:650;cursor:pointer;touch-action:manipulation}.toc__summary:active{background-color:var(--paper)}.toc--inline nav{padding:0 var(--space-s) var(--space-xs)}.toc__label{margin:0 0 var(--space-2xs);color:var(--muted);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.toc__list{display:grid;gap:var(--space-3xs);margin:0;padding:0;list-style:none}.toc__item--sub{padding-inline-start:var(--space-s);font-size:var(--step--1)}.toc__item a{display:block;padding:.25rem 0 .25rem .65rem;border-inline-start:2px solid var(--line);color:var(--muted);line-height:1.3;text-decoration:none;overflow-wrap:anywhere}.toc__item a[aria-current=location]{border-inline-start-color:var(--ink);color:var(--ink);font-weight:650}.toc__item a:active{color:var(--ink)}.post-aside__card{display:grid;gap:.7rem;padding:var(--space-s);border-radius:var(--radius-panel);background-color:var(--concrete)}.post-aside__card>*{margin:0}.post-aside__title{font-family:var(--font-display);font-size:var(--text-h3-card);font-stretch:88%;font-weight:800;letter-spacing:-.015em;line-height:1.12;text-wrap:balance}.post-aside__line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:clip;color:var(--muted);text-wrap:pretty}.post-aside__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.25rem;padding-block-start:.35rem}@container (width >= 66rem){.post-body{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(2rem,4vw,4rem);align-items:start}.toc--inline{display:none}.toc--side{display:block}.post-aside{position:sticky;inset-block-start:calc(var(--header-h) + var(--space-s));max-inline-size:24rem;max-block-size:calc(100dvh - var(--header-h) - var(--space-l));overflow-y:auto;overscroll-behavior:contain}}.author-card{display:flex;align-items:flex-start;gap:var(--space-s);max-inline-size:46rem}.author-card__photo{flex:none;inline-size:6rem;block-size:6rem;border-radius:var(--radius);object-fit:cover}.author-card__body{display:grid;gap:.4rem;min-inline-size:0}.author-card__body>*{margin:0}.author-card__name{font-family:var(--font-display);font-size:var(--text-h3-card);font-stretch:88%;font-weight:800;letter-spacing:-.015em;line-height:1.12}.author-card__name a{color:inherit;text-decoration-color:var(--hivis);text-decoration-thickness:.12em;text-underline-offset:.18em}.author-card__bio{text-wrap:pretty}.author-card__links{display:flex;flex-wrap:wrap;gap:0 var(--space-s);margin:0;padding:0;list-style:none}.author-card__links a{display:inline-flex;align-items:center;min-block-size:2.75rem}.video-facade{position:relative;inline-size:100%;aspect-ratio:16 / 9;border-radius:var(--radius);background-color:var(--ink);overflow:clip}.video-facade__play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-s);border:0;background:transparent;color:var(--paper);font:inherit;font-weight:600;text-align:center;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation}.video-facade__icon{inline-size:3.5rem;block-size:3.5rem;padding:.9rem;border-radius:var(--radius);background-color:var(--hivis);color:var(--ink)}.video-facade__play:active{background-color:color-mix(in oklch,var(--ink),black 12%)}.video-facade iframe{position:absolute;inset:0;inline-size:100%;block-size:100%;border:0}@media(hover:hover)and (pointer:fine){.topic-strip a:hover:not(:active,[aria-current=page]){border-color:var(--ink);background-color:var(--concrete)}.pagination a:hover:not(:active){background-color:var(--concrete)}.toc__item a:hover:not(:active){color:var(--ink);border-inline-start-color:var(--line-strong)}.toc__summary:hover:not(:active){background-color:var(--paper)}.author-card__name a:hover:not(:active){text-decoration-thickness:.2em}.video-facade__play:hover:not(:active){background-color:color-mix(in oklch,var(--ink),white 8%)}}@media(prefers-reduced-motion:no-preference){.topic-strip a,.pagination a{transition:background-color var(--dur-press) var(--ease-out),border-color var(--dur-press) var(--ease-out),translate var(--dur-press) var(--ease-out)}.toc__item a{transition:color var(--dur-press) var(--ease-out),border-color var(--dur-press) var(--ease-out)}}}@layer reset,tokens,base,layout,components,utilities;@layer components{.post-card{position:relative;display:grid;grid-template-rows:auto 1fr;gap:var(--space-xs);min-inline-size:0}.post-card__media{border-radius:var(--radius);background-color:var(--concrete);overflow:clip}.post-art{position:relative;display:block;aspect-ratio:16 / 10;background-color:var(--concrete)}.post-art picture{display:contents}.post-art__image{display:block;inline-size:100%;block-size:100%;object-fit:cover}.post-art--screen .post-art__image{object-position:top left}.post-art--phone,.post-art--crop{display:grid;place-items:center}.post-art--crop{padding:7%}.post-art--crop .post-art__image{inline-size:auto;block-size:auto;max-inline-size:100%;max-block-size:100%;object-fit:contain;border-radius:.6rem;box-shadow:var(--shadow-1)}.post-art--phone .post-art__image{inline-size:auto;block-size:90%;max-inline-size:90%;object-fit:contain;border-radius:.9rem;box-shadow:var(--shadow-screen)}.post-art--cover{display:grid;align-content:space-between;gap:var(--space-s);padding:var(--space-s)}.post-art__cover-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:clip;font-family:var(--font-display);font-size:var(--text-h3-card);font-stretch:85%;font-weight:800;letter-spacing:-.015em;line-height:1.08;text-wrap:balance}.post-card__body{display:grid;align-content:start;gap:.55rem;min-inline-size:0}.post-card__body>*{margin:0}.post-card__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:clip;font-family:var(--font-display);font-size:var(--text-h3-card);font-stretch:88%;font-weight:800;letter-spacing:-.015em;line-height:1.12;text-wrap:balance}.post-card__title a{color:inherit;text-decoration:none}.post-card__title a:after{content:"";position:absolute;inset:0}.post-card__title a:focus-visible{outline:2px solid transparent}.post-card:has(.card__link:focus-visible){outline:2px solid var(--focus);outline-offset:6px;border-radius:var(--radius)}.post-card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:clip;color:var(--muted);text-wrap:pretty}.post-card__meta{display:flex;flex-wrap:wrap;gap:0 var(--space-s);color:var(--muted);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}.blog-lead{container-type:inline-size}.post-card--lead .post-card__title{font-size:var(--text-h3);-webkit-line-clamp:5;line-clamp:5}.post-card--lead .post-card__excerpt{-webkit-line-clamp:4;line-clamp:4;font-size:var(--step-0)}@container (min-width: 46rem){.post-card--lead{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:none;align-items:end;column-gap:var(--space-l)}.post-card--lead .post-art{aspect-ratio:16 / 9;max-block-size:26rem}.post-card--lead .post-card__body{padding-block-end:var(--space-2xs)}}.post-card:active{translate:0 0}@media(hover:hover)and (pointer:fine){.post-card:hover:not(:active){translate:0 -2px}.post-card:hover:not(:active) .post-card__media{box-shadow:var(--shadow-screen)}.post-card:hover:not(:active) .post-card__title a{text-decoration:underline;text-decoration-thickness:.12em;text-decoration-color:var(--hivis);text-underline-offset:.18em}}@media(prefers-reduced-motion:no-preference){.post-card{transition:translate var(--dur-press) var(--ease-out)}.post-card__media{transition:box-shadow var(--dur-press) var(--ease-out)}}}