@charset "UTF-8";.blog-page{padding:8px 0}.blog-page .section{scroll-margin-top:140px}.blog-page .ph{position:relative}.blog-page .ph img{filter:saturate(.7) contrast(1.04)}.blog-page .ph:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.09) 0 1px,transparent 1px 52px),repeating-linear-gradient(90deg,rgba(255,255,255,.09) 0 1px,transparent 1px 52px),linear-gradient(180deg,#15202b24,#15202b24)}.blog-page .ph--marks:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;z-index:1;pointer-events:none;background:linear-gradient(var(--accent),var(--accent)) 0 0/16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) 0 0/2px 16px no-repeat,linear-gradient(var(--accent),var(--accent)) 100% 100%/16px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) 100% 100%/2px 16px no-repeat}.blog-page .story__cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.blog-page .story .tags{gap:7px 16px;margin-bottom:22px}.blog-page .story .tag{padding:0;border:0;border-radius:0;color:var(--muted);font-size:.82rem;font-weight:600}.blog-page .story .tag:before{content:"#";margin-right:1px;color:var(--line-2)}.blog-page .blog-page__empty{margin:12px 0 0;max-width:60ch;font-size:1rem;line-height:1.6;color:var(--slate)}.blog-page .cat-nav{position:sticky;top:68px;z-index:40;margin:22px 0 0;padding:12px 0;background:#eef1f4eb;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.blog-page .cat-nav__inner{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.blog-page .cat-nav__inner::-webkit-scrollbar{display:none}.blog-page .cat-nav__pill{flex:none;display:inline-flex;align-items:center;gap:9px;padding:9px 17px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface);font:inherit;font-size:.92rem;font-weight:700;color:var(--ink-2);text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color .18s var(--ease),color .18s var(--ease)}.blog-page .cat-nav__pill b{color:var(--accent-ink);font-size:.8rem;font-variant-numeric:tabular-nums}.blog-page .cat-nav__pill span{color:var(--faint);font-size:.74rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.blog-page .cat-nav__pill:hover{border-color:var(--brand);color:var(--brand)}.blog-page .cat-nav__pill--active{border-color:var(--ink);color:#fff;background:var(--ink)}.blog-page .cat-nav__pill--active b{color:#fff}.blog-page .cat-nav__pill--active:hover{border-color:var(--ink);color:#fff}.blog-page .objlens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.blog-page .objchip{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;border:1px solid var(--hair);text-decoration:none}.blog-page button.objchip{width:100%;padding:0;font:inherit;color:inherit;text-align:left;background:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.blog-page .objchip__ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.blog-page .objchip__grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#080f16e6,#080f168c 34%,#080f161a 68%,#080f1600)}.blog-page .objchip__cap{position:absolute;left:15px;right:15px;bottom:13px}.blog-page .objchip__name{display:block;color:#fff;font-size:1.08rem;font-weight:800;letter-spacing:-.01em}.blog-page .objchip__note{display:block;margin-top:3px;color:#ffffffdb;font-size:.78rem;font-weight:600;line-height:1.35}.blog-page .objchip__ph,.blog-page .objchip__go{transition:transform .24s var(--ease),background-color .18s var(--ease)}.blog-page .objchip:hover .objchip__ph{transform:scale(1.03)}.blog-page .objchip__go{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 9px;border-radius:999px;background:#ffffffe6;color:var(--ink)}.blog-page .objchip__kind{font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1}.blog-page .objchip:hover .objchip__go{background:#fff;transform:translate(2px)}.blog-page .objchip--on{border-color:var(--brand)}.blog-page .objchip--on .objchip__go,.blog-page .objchip--on:hover .objchip__go{background:var(--brand);color:#fff}.blog-page .objchip:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.blog-page .objlens__note{margin:16px 0 0;max-width:72ch;font-size:.82rem;line-height:1.55;color:var(--muted)}.blog-page .bloghub{padding:0 0 4px}.blog-page .bloghub__title{margin:6px 0 16px;font-size:clamp(2.1rem,4.4vw,3.35rem);font-weight:800;line-height:1.04;letter-spacing:-.03em;color:var(--ink)}.blog-page .bloghub__lead{margin:0 0 20px;max-width:60ch;font-size:1.12rem;line-height:1.62;color:var(--ink-2)}.blog-page .bloghub__stats{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:.92rem;color:var(--muted)}.blog-page .bloghub__stat{display:inline-flex;align-items:baseline;gap:8px}.blog-page .bloghub__stat b{color:var(--ink-2);font-weight:700}.blog-page .crumbs--article{margin:30px 0 10px;font-size:.82rem;color:var(--muted)}.blog-page .crumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;padding:0;list-style:none}.blog-page .crumbs__item{display:inline-flex;align-items:center;min-width:0}.blog-page .crumbs__item+.crumbs__item:before{content:"/";margin-right:8px;color:var(--line-2);font-weight:400}.blog-page .crumbs__item a{color:var(--slate);text-decoration:none;transition:color .18s var(--ease)}.blog-page .crumbs__item a:hover{color:var(--brand)}.blog-page .crumbs__item--current{color:var(--ink-2);font-weight:700}.blog-page .latest .feed{margin-top:18px}@media(max-width:900px){.blog-page .objlens{gap:12px}.blog-page .crumbs--article{margin:26px 0 10px}}@media(max-width:680px){.blog-page .objlens{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-page .objchip{aspect-ratio:1/1}}@media(max-width:380px){.blog-page .objchip{aspect-ratio:4/5}}@media(max-width:560px){.blog-page .crumbs--article .crumbs__list{flex-wrap:nowrap}.blog-page .crumbs--article .crumbs__item--current{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
