.blog-index{background:var(--color-bg);color:var(--color-text);--bl-ink:#fafafa;--bl-dim:#fafafa9e;--bl-faint:#fafafa66;--bl-line:#fafafa24;min-height:100vh;padding-inline:clamp(1rem,3vw,2.5rem)}[data-theme=dark] .blog-index,[data-theme=dark]:has(.blog-index),[data-theme=dark] body:has(.blog-index){background:var(--color-panel)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .blog-index,:root:not([data-theme=light]):has(.blog-index),:root:not([data-theme=light]) body:has(.blog-index){background:var(--color-panel)}}[data-theme=dark] body:has(.blog-index) .site-header-wrap{background:color-mix(in srgb, var(--color-panel) 88%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body:has(.blog-index) .site-header-wrap{background:color-mix(in srgb, var(--color-panel) 88%, transparent)}}.blog-index ::selection{background:var(--color-text);color:var(--color-bg)}.bl-head{max-width:1600px;margin:0 auto;padding:clamp(4.5rem,10vh,8rem) 0 clamp(2.5rem,5vh,4rem)}.bl-head[data-reveal] .bl-head__index,.bl-head[data-reveal] .bl-head__meta{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(14px)}.bl-head[data-reveal] .bl-head__line{transition:transform .95s cubic-bezier(.16,1,.3,1);transform:translateY(110%)}.bl-head.is-visible .bl-head__index,.bl-head.is-visible .bl-head__meta{opacity:1;transform:none}.bl-head.is-visible .bl-head__line{transform:none}.bl-head.is-visible .bl-head__index{transition-delay:0s}.bl-head.is-visible .bl-head__linewrap:first-child .bl-head__line{transition-delay:80ms}.bl-head.is-visible .bl-head__linewrap:nth-child(2) .bl-head__line{transition-delay:.18s}.bl-head.is-visible .bl-head__meta{transition-delay:.5s}.bl-head__index{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary);align-items:center;gap:.9rem;margin:0 0 clamp(1.25rem,3vh,2.25rem);font-size:.78rem;display:flex}.bl-head__indexlabel{color:var(--color-text)}.bl-head__indexcount{padding-left:1.05rem;position:relative}.bl-head__indexcount:before{content:"";background:var(--color-text-tertiary);border-radius:999px;width:5px;height:5px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.bl-head__title{font-family:var(--font-display);letter-spacing:-.055em;color:var(--color-text);margin:0;font-size:clamp(3.25rem,13vw,11rem);font-weight:800;line-height:.86}.bl-head__linewrap{margin-bottom:-.26em;padding:.08em 0 .26em;display:block;overflow:hidden}.bl-head__line{will-change:transform;display:block}.bl-head__linewrap:nth-child(2){margin-left:clamp(0px,9vw,8rem)}.bl-head__dot{color:var(--color-text)}.bl-head__meta{grid-template-columns:1fr;gap:1rem;margin:clamp(1.75rem,4vh,3rem) 0 0;display:grid}@media (width>=820px){.bl-head__meta{grid-template-columns:clamp(40px,9vw,96px) minmax(0,52ch);align-items:start;column-gap:clamp(1.5rem,3vw,2.75rem);margin-left:clamp(0px,9vw,8rem)}}.bl-head__rule{background:var(--color-text);width:100%;max-width:64px;height:2px;margin-top:.7rem}.bl-head__lede{font-family:var(--font-text);color:var(--color-text-secondary);text-wrap:pretty;margin:0;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.55}.bl-filters{flex-wrap:wrap;gap:.5rem;max-width:1600px;margin:0 auto clamp(1.5rem,3vh,2.5rem);display:flex}.bl-filter{border:1px solid var(--color-line);color:var(--color-text-secondary);font-family:var(--font-text);letter-spacing:-.01em;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.85rem;font-weight:500;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.bl-filter:hover{border-color:var(--color-line-strong);color:var(--color-text)}.bl-filter__count{font-family:var(--font-mono);color:var(--color-text-tertiary);font-size:.7rem;transition:color .18s}.bl-filter[aria-pressed=true]{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.bl-filter[aria-pressed=true] .bl-filter__count{color:var(--color-bg);opacity:.7}.bl-filter:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.bl-empty{max-width:1600px;font-family:var(--font-text);color:var(--color-text-tertiary);margin:0 auto;padding:3rem 0}.bl-card[hidden]{display:none}@media (prefers-reduced-motion:no-preference){.bl-grid--filtered .bl-card:not([hidden]){animation:.4s cubic-bezier(.22,1,.36,1) both bl-fade-in}}@keyframes bl-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bl-rows{max-width:1600px;margin:0 auto;padding-bottom:clamp(4rem,10vh,8rem)}.bl-grid{grid-template-columns:1fr;gap:clamp(.85rem,1.2vw,1.25rem);display:grid}@media (width>=640px){.bl-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1100px){.bl-grid{grid-template-columns:repeat(4,1fr)}}.bl-grid[data-reveal] .bl-card{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0) * 60ms);transform:translateY(22px)}.bl-grid.is-visible .bl-card{opacity:1;transform:none}.bl-card{aspect-ratio:3/4;isolation:isolate;background:#131316;border-radius:10px;text-decoration:none;display:block;position:relative;overflow:hidden}.bl-card__media{z-index:0;position:absolute;inset:0}.bl-card__photo,.bl-card__fallback{width:100%;height:100%;display:block}.bl-card__img{object-fit:cover;width:100%;height:100%;display:block}.bl-card__photo{filter:brightness(.92)saturate();transition:filter .5s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:scale(1)}.bl-card:hover .bl-card__photo,.bl-card:focus-visible .bl-card__photo{filter:brightness(.42)saturate(.7);transform:scale(1.03)}.bl-card__fallback{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.03em;color:#fafafa24;background:radial-gradient(140% 120% at 0 0,#22222a,#0c0c0e 72%);justify-content:center;align-items:center;font-size:2rem;font-weight:800;display:flex}.bl-card__scrim{z-index:1;pointer-events:none;opacity:.6;background:linear-gradient(#0000 30%,#08080a2e 58%,#08080ac7 100%);transition:opacity .5s;position:absolute;inset:0}.bl-card:hover .bl-card__scrim,.bl-card:focus-visible .bl-card__scrim{opacity:1}.bl-card__inner{z-index:2;height:100%;color:var(--bl-ink);flex-direction:column;padding:clamp(1rem,1.4vw,1.4rem);display:flex;position:relative}.bl-card__eyebrow{letter-spacing:.02em;align-items:baseline;gap:.6rem;font-size:.72rem;display:flex}.bl-card__cat{color:var(--bl-ink);font-weight:500}.bl-card__date{color:var(--bl-faint)}.bl-card__bottom{margin-top:auto;display:grid}.bl-card__bottom>*{grid-area:1/1;align-self:end}.bl-card__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--bl-ink);opacity:1;margin:0;font-size:clamp(1.4rem,2vw,1.8rem);font-weight:800;line-height:1.05;transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.bl-card:hover .bl-card__title,.bl-card:focus-visible .bl-card__title{opacity:0;transform:translateY(-8px)}.bl-card__rest{opacity:0;pointer-events:none;flex-direction:column;gap:.85rem;transition:opacity .35s,transform .5s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(8px)}.bl-card:hover .bl-card__rest,.bl-card:focus-visible .bl-card__rest{opacity:1;pointer-events:auto;transform:translateY(0)}.bl-card__read{letter-spacing:.04em;color:var(--bl-dim);font-size:.74rem}.bl-card__excerpt{font-family:var(--font-text);color:#fafafadb;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.45;display:-webkit-box;overflow:hidden}.bl-card__by{align-items:center;gap:.6rem;display:flex}.bl-card__avatar{object-fit:cover;border-radius:999px;flex:none;width:32px;height:32px}.bl-card__byname{flex-direction:column;line-height:1.2;display:flex}.bl-card__authname{color:var(--bl-ink);font-size:.82rem;font-weight:600}.bl-card__authrole{color:var(--bl-faint);font-size:.72rem}.bl-card__plus{color:var(--bl-ink);font-size:1.35rem;font-weight:300;line-height:1;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:clamp(1rem,1.4vw,1.4rem);right:clamp(1rem,1.4vw,1.4rem)}.bl-card:hover .bl-card__plus,.bl-card:focus-visible .bl-card__plus{transform:rotate(90deg)}.bl-card:focus-visible{outline:2px solid var(--bl-ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){.bl-card__photo,.bl-card__scrim,.bl-card__title,.bl-card__rest,.bl-card__plus{transition:none}.bl-head[data-reveal] .bl-head__index,.bl-head[data-reveal] .bl-head__meta,.bl-head[data-reveal] .bl-head__line,.bl-grid[data-reveal] .bl-card{opacity:1!important;transition:none!important;transform:none!important}}