.blog__bead,.blog__row:before,.post__end:before{width:.66rem;aspect-ratio:.866;background:var(--red);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.blog{padding-block:clamp(2rem,5vw,4rem) clamp(4rem,8vw,7rem)}.blog__wrap{max-width:50rem;margin-inline:auto}.blog__head{display:grid;gap:.9rem;margin-block-end:clamp(1.5rem,3vw,2.25rem)}.bcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.bcard__plate{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;padding:.7rem clamp(1rem,2.5vw,1.4rem);border-block-end:1px solid var(--line)}.bcard__time{display:inline-flex;align-items:center;gap:.55rem}html:not(.js) .bcard__time{display:none}.bcard__body{display:grid;grid-template-columns:clamp(3.75rem,13vw,5.5rem) minmax(0,1fr);align-items:start;gap:clamp(1rem,3vw,1.5rem);padding:clamp(1rem,2.5vw,1.4rem)}.bcard__img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2)}.bcard__mono{display:grid;place-items:center;font-family:var(--f-display);font-weight:300;font-size:1.6rem;color:var(--ink)}.bcard__text{display:grid;gap:.7rem;line-height:1.8;color:var(--ink-2)}.bcard__text>p:first-child{color:var(--ink)}.bcard__name{font-family:var(--f-display);font-weight:450;font-size:1.35rem;line-height:1.2;letter-spacing:-.012em;color:var(--ink)}.bcard__role{margin-block-start:-.55rem}.bcard__role,.post__kicker{overflow-x:clip}.blog__hang{display:flex;flex-wrap:wrap;align-items:center;row-gap:.35rem;margin-inline-start:calc(-1 * var(--hang, 1.6em))}.blog__hang>span{white-space:nowrap}.blog__hsep{display:inline-block;inline-size:var(--hang, 1.6em);text-align:center}.bcard__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}@media(max-width:29.99rem){.bcard__body{grid-template-columns:minmax(0,1fr);gap:.9rem}.bcard__img{width:4rem}}.bchip{position:relative;padding:.2rem .62rem;vertical-align:.06em;font-size:.8125rem;line-height:1.35;color:var(--ink);border-color:var(--line-strong);text-decoration:none;transition:border-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out)}.bchip:after{content:"";position:absolute;inset-inline:0;inset-block:calc(50% - 1.375rem)}.bchip svg{width:.85rem;height:.85rem;flex:none}.bchip--cta{color:var(--red-text);border-color:var(--red)}@media(hover:hover){.bchip:hover{color:var(--red-text);border-color:var(--red)}}.blog__year{display:grid;gap:.75rem 2rem;padding-block-start:clamp(2.75rem,6vw,4.25rem)}.blog__num{font-family:var(--f-display);font-weight:250;font-size:clamp(2.75rem,2rem + 2.6vw,4rem);line-height:.9;letter-spacing:-.04em;font-variant-numeric:lining-nums}@media(min-width:48rem){.blog__year{grid-template-columns:9.25rem minmax(0,1fr)}.blog__num{position:sticky;inset-block-start:calc(var(--header-h) + 1.25rem);align-self:start}.blog__row:before{content:""}}.blog__list{border-block-start:1px solid var(--line)}.blog__row{--fs: clamp(1.15rem, 1.05rem + .4vw, 1.35rem);position:relative;display:grid;gap:.3rem 1.5rem;padding-block:.95rem;border-block-end:1px solid var(--line)}@media(min-width:40rem){.blog__row{grid-template-columns:minmax(0,1fr) auto;align-items:baseline}}.blog__link{font-family:var(--f-display);font-weight:400;font-size:var(--fs);line-height:1.3;letter-spacing:-.012em;color:var(--ink);text-decoration-color:var(--line-strong);text-decoration-thickness:1px;text-underline-offset:.2em;transition:text-decoration-color var(--dur-2) var(--ease-out)}.blog__link:after{content:"";position:absolute;inset:0}.blog__meta{white-space:nowrap}.blog__sep{margin-inline:.55em}.blog__draft{margin-inline-start:.2rem;vertical-align:.2em;color:var(--gold-text);border-color:var(--gold);text-transform:none}.blog__row:before{position:absolute;inset-inline-start:-1.3rem;inset-block-start:calc(.95rem + (var(--fs) * 1.3 - .76rem) / 2);opacity:0;transform:scale(.4) rotate(-40deg);transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-3) var(--ease-out)}.blog__row:focus-within:before{opacity:1;transform:none}@media(hover:hover){.blog__row:hover:before{opacity:1;transform:none}.blog__row:hover .blog__link{text-decoration-color:var(--red)}}html.motion-paused .blog__row:before{transition:none}.blog__empty{display:grid;gap:.5rem;margin-block-start:clamp(2.5rem,6vw,4rem);padding-block:1.5rem;border-block:1px solid var(--line);line-height:1.8;color:var(--ink-2)}.blog__empty-title{display:flex;align-items:center;gap:.8rem;font-family:var(--f-display);font-size:var(--fs-h3);line-height:1.3;color:var(--ink)}.bstrip__inner{display:grid;gap:1.5rem 3rem}.bstrip__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.75rem 2rem}.bstrip__intro{display:grid;gap:.5rem}.bstrip__lede{max-width:34ch;color:var(--ink-2);text-wrap:balance}@media(min-width:64rem){.bstrip__inner{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.bstrip__head{flex-direction:column;align-items:start;justify-content:start;gap:1.5rem}}.post{padding-block:clamp(2rem,5vw,4rem) clamp(2.5rem,5vw,3.5rem)}.post__col{max-width:37.5rem;margin-inline:auto}.post__head{display:grid;gap:1.1rem}.post__kicker{--hang: 1.9em}.post__kicker .blog__hsep{color:var(--line-strong)}.post__kicker a{color:var(--red-text);text-decoration:none}@media(hover:hover){.post__kicker a:hover{text-decoration:underline;text-underline-offset:.25em}}.post__title{font-family:var(--f-display);font-weight:350;font-size:clamp(2.3rem,1.6rem + 2.4vw,3.5rem);line-height:1.04;letter-spacing:-.03em;text-wrap:balance}.post__lede{max-width:none}.post__head,.blog__link,.post__pn-title{overflow-wrap:anywhere}.post__cover{margin-block-start:clamp(1.75rem,4vw,2.5rem)}.post__ruler{margin-block:clamp(1.75rem,4vw,2.5rem)}.post__body{font-size:clamp(1.0625rem,1rem + .25vw,1.15625rem);line-height:1.65;color:var(--ink-2);overflow-wrap:break-word}.post__body>*+*{margin-block-start:1.15em}.post__body :is(p,li){text-wrap:pretty}.post__body strong{font-weight:650;color:var(--ink)}.post__body a{color:var(--red-text);text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-decoration-thickness:1px;text-underline-offset:.2em}@media(hover:hover){.post__body a:hover{text-decoration-color:currentColor}}.post__body>.post__h{position:relative;margin-block-start:2.1em}.post__body>.post__h+*{margin-block-start:.65em}.post__h>:first-child{font-size:inherit;font-family:var(--f-display);line-height:1.2;color:var(--ink);text-wrap:balance}.post__h--2{font-size:clamp(1.5rem,1.25rem + 1vw,1.95rem)}.post__h--2>h2{font-weight:400;letter-spacing:-.02em}.post__h--3{font-size:clamp(1.2rem,1.1rem + .4vw,1.4rem)}.post__h--3>h3{font-weight:500;letter-spacing:-.01em}.post__anchor{position:absolute;inset-inline-end:100%;inset-block-start:0;padding-inline-end:.45rem;font-family:var(--f-mono);font-size:.7em;line-height:calc(1.2em / .7);color:var(--red-text);text-decoration:none;opacity:0;transition:opacity var(--dur-2) var(--ease-out)}.post__anchor:focus-visible{opacity:1;outline-offset:1px}@media(hover:hover){.post__h:hover .post__anchor{opacity:1}}@media(hover:none){.post__anchor{pointer-events:none}}.post__body :is(ul,ol){padding-inline-start:1.35em}.post__body li+li,.post__body li>:is(ul,ol){margin-block-start:.4em}.post__body li::marker{color:var(--red)}.post__body ol>li::marker{font-family:var(--f-mono);font-size:.85em;color:var(--red-text)}.post__body :not(pre)>code{padding:.08em .38em;border:1px solid var(--line);border-radius:.35rem;background:var(--surface-2);font-family:var(--f-mono);font-size:.84em;color:var(--ink);overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone}.post__code,.post__table{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.post__lang{padding:.55rem 1.1rem;border-block-end:1px solid var(--line)}.post__code pre{margin:0;padding:1rem 1.1rem 1.15rem;overflow-x:auto;font-family:var(--f-mono);font-size:.8em;line-height:1.6;color:var(--ink);tab-size:2}.post__code pre:focus-visible,.post__table:focus-visible{outline-offset:-2px}.post__quote{padding:clamp(1.1rem,3vw,1.6rem) clamp(1.1rem,3vw,1.75rem);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.post__quote>*+*{margin-block-start:.75em}.post__quote>p:not(.post__note){font-family:var(--f-display);font-weight:350;font-size:1.12em;line-height:1.5;letter-spacing:-.008em;color:var(--ink)}.post__quote em{color:var(--red-text)}.post__note{display:flex;align-items:center;gap:.85rem;color:var(--gold-text)}.post__note:after{content:"";width:2.25rem;height:1px;background:var(--line-strong)}.post__fig img,.post__cover img{width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface)}.post__fig figcaption{margin-block-start:.65rem;font-family:var(--f-mono);font-size:.8rem;color:var(--ink-3)}.post__body p>img{display:inline-block;vertical-align:-.2em;width:auto;max-height:1.4em}.post__table{overflow-x:auto}.post__table table{width:100%;border-collapse:collapse;font-size:.92em;font-variant-numeric:tabular-nums}.post__table :is(th,td){padding:.6rem .9rem;text-align:start;vertical-align:top;border-block-end:1px solid var(--line)}.post__table tr:last-child td{border-block-end:0}.post__table th{white-space:nowrap;font-family:var(--f-mono);font-size:var(--fs-label);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.post__table td:first-child{color:var(--ink)}@media(max-width:30rem){.post__table :is(th,td){padding:.55rem .6rem}}.post__body>.post__hr{width:6.25rem;margin:2.4em auto;border:0}@media(min-width:52rem){.post__body>:is(.post__code,.post__fig,.post__quote,.post__table){margin-inline:-2rem}.post__lang,.post__code pre,.post__quote{padding-inline:calc(2rem - 1px)}.post__table :is(th,td):first-child{padding-inline-start:calc(2rem - 1px)}}.post__end{display:grid;place-items:center;margin-block:clamp(2.5rem,5vw,3.5rem);background:linear-gradient(to right,var(--line) calc(50% - 1.5rem),transparent 0 calc(50% + 1.5rem),var(--line) 0) center / 100% 1px no-repeat}.post__end:before{content:""}.post__pn{padding-block-end:clamp(4rem,8vw,6rem)}.post__pn-grid{display:grid;border-block:1px solid var(--line)}.post__pn-item{display:grid;gap:.55rem;align-content:start;padding-block:1.4rem;color:inherit;text-decoration:none}.post__pn-item+.post__pn-item{border-block-start:1px solid var(--line)}.post__pn-dir{display:inline-flex;align-items:center;gap:.5rem}.post__pn-dir svg{width:1rem;height:1rem}.post__pn-title{font-family:var(--f-display);font-weight:400;font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem);line-height:1.2;letter-spacing:-.015em;text-wrap:balance;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.18em;transition:text-decoration-color var(--dur-2) var(--ease-out)}.post__pn-item--newer{justify-items:end;text-align:end}@media(hover:hover){.post__pn-item:hover .post__pn-title{text-decoration-color:var(--red)}}@media(min-width:40rem){.post__pn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post__pn-item--older{padding-inline-end:1.5rem}.post__pn-item--newer{grid-column:2;padding-inline-start:1.5rem;border-block-start:0;border-inline-start:1px solid var(--line)}}
