.blog-bento{--bento-bg:#f7f7f5;--bento-ink:#111;--bento-muted:#5c5c57;--bento-line:#e4e4df;--bento-tile:#fff;--bento-accent:#307aee;--bento-accent-ink:#fff;--bento-serif:"Source Serif 4",Georgia,serif;--bento-sans:"Figtree","Noto Sans",system-ui,sans-serif;--bento-spring:cubic-bezier(.16,1,.3,1);--mx:0;--my:0;background:var(--bento-bg);color:var(--bento-ink);font-family:var(--bento-sans);-webkit-font-smoothing:antialiased;padding:2.75rem 0 6.5rem;position:relative}.blog-bento a{color:inherit;text-decoration:none}.blog-bento-inner{width:min(1180px,100% - 2rem);margin:0 auto}@media (min-width:768px){.blog-bento-inner{width:min(1180px,100% - 4rem)}}.blog-bento .blog-hall-tabs{background:color-mix(in srgb,var(--bento-accent)10%,#ebebe6)}.blog-bento .blog-hall-tabs a{color:var(--bento-muted)}.blog-bento .blog-hall-tabs a:hover{color:var(--bento-ink)}.blog-bento .blog-hall-tabs a[data-active=true]{color:var(--bento-accent-ink);background:var(--bento-accent)}.blog-bento-mast{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem 2rem;margin-bottom:2rem;display:flex}.blog-bento-mast-copy{width:100%;max-width:none}.blog-bento-title{font-family:var(--bento-serif);letter-spacing:-.045em;color:var(--bento-ink);margin:0;font-size:clamp(2.6rem,6.4vw,5.6rem);font-weight:700;line-height:.96}@media (min-width:720px){.blog-bento-title{white-space:nowrap}}.blog-bento-dek{max-width:none;color:var(--bento-muted);margin:1.15rem 0 0;font-size:1.12rem;line-height:1.5}@media (min-width:720px){.blog-bento-dek{white-space:nowrap}}.blog-bento-cursor{display:none}@media (pointer:fine){.blog-bento,.blog-bento a,.blog-bento button{cursor:none}.blog-bento-cursor{z-index:80;background:var(--bento-accent);color:#0000;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;mix-blend-mode:multiply;width:10px;height:10px;transition:width .42s var(--bento-spring),height .42s var(--bento-spring),margin .42s var(--bento-spring),background .42s var(--bento-spring),color .28s ease,font-size .28s ease,mix-blend-mode .42s var(--bento-spring);will-change:transform;opacity:0;border-radius:999px;justify-content:center;align-items:center;margin:-5px 0 0 -5px;font-size:0;font-weight:700;display:flex;position:fixed;top:0;left:0}.blog-bento:hover .blog-bento-cursor{opacity:1}.blog-bento-cursor[data-over=true]{background:var(--bento-accent);color:#fff;mix-blend-mode:normal;width:76px;height:76px;margin:-38px 0 0 -38px;font-size:.62rem}}.blog-bento-filters{flex-wrap:wrap;gap:.55rem;margin:0 0 1.6rem;display:flex}.blog-bento-filter{color:var(--bento-ink);letter-spacing:-.01em;cursor:pointer;transition:background .42s var(--bento-spring),color .42s var(--bento-spring),transform .42s var(--bento-spring);background:#ebebe6;border:1px solid #0000;border-radius:999px;padding:.58rem 1.05rem;font-family:inherit;font-size:.875rem;font-weight:600}.blog-bento-filter:hover{transform:translateY(-1px)}.blog-bento-filter[data-active=true]{background:var(--bento-accent);color:var(--bento-accent-ink)}.blog-bento-stack{gap:0;min-height:58vh;display:grid}.blog-bento-pack{gap:1.15rem;display:grid}.blog-bento-break{gap:.55rem;padding:2.4rem 0 .5rem;display:grid}.blog-bento-break-rule{background:color-mix(in srgb,var(--bento-accent)80%,transparent);width:min(7.5rem,28%);height:1px;display:block}.blog-bento-break-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--bento-accent);margin:0;font-size:.72rem;font-weight:800}.blog-bento-break-line{max-width:28rem;font-family:var(--bento-serif);letter-spacing:-.02em;color:var(--bento-ink);margin:0;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:600;line-height:1.25}.blog-bento-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.blog-bento-rail{flex-direction:column;gap:1.15rem;min-width:0;display:flex}.blog-bento-rail .blog-bento-cell--side+.blog-bento-cell--side{border-top:1px solid var(--bento-line);padding-top:1.15rem}@media (min-width:900px){.blog-bento-grid{grid-template-columns:repeat(12,1fr);align-items:stretch;gap:1.35rem 1.5rem}.blog-bento-cell--feature{grid-column:1/span 7;align-self:start}.blog-bento-rail{border-left:1px solid var(--bento-line);grid-column:8/span 5;justify-content:stretch;align-self:stretch;gap:0;padding-left:1.35rem}.blog-bento-rail .blog-bento-cell--side{flex:1 1 0;align-items:center;min-height:0;display:flex}.blog-bento-rail .blog-bento-cell--side+.blog-bento-cell--side{margin-top:0;padding-top:.85rem}.blog-bento-cell--base:nth-child(3){grid-column:1/span 6}.blog-bento-cell--base:nth-child(4){grid-column:7/span 6}.blog-bento-cell--base{border-top:1px solid var(--bento-line);padding-top:1.15rem}}.blog-bento-cell{min-width:0}.blog-bento-cell--base{height:100%}.blog-bento-rail .blog-bento-cell--side{height:auto}.blog-bento-skeleton-cell{gap:.7rem;height:100%;display:grid}.blog-bento-skeleton{aspect-ratio:16/9;background:linear-gradient(100deg,#ebebe6 18%,#f5f5f1 50%,#ebebe6 82%) 0 0/180% 100%;border-radius:8px;width:100%;min-height:0;animation:1.15s ease-in-out infinite bento-shimmer}.blog-bento-skeleton--feature{aspect-ratio:16/9}.blog-bento-skeleton--side,.blog-bento-skeleton--base{aspect-ratio:4/3;width:108px;min-height:81px}.blog-bento-rail .blog-bento-skeleton-cell,.blog-bento-cell--base.blog-bento-skeleton-cell{flex-direction:row;align-items:center;gap:1rem;display:flex}.blog-bento-rail .blog-bento-skeleton-caption,.blog-bento-cell--base .blog-bento-skeleton-caption{flex:1;height:3.4rem}.blog-bento-skeleton-caption{background:#ebebe6;border-radius:4px;height:2.8rem}.blog-bento-tile{--mx:0;--my:0;height:100%;color:var(--bento-ink);isolation:isolate;display:block}.blog-bento-tile:focus-visible{outline:2px solid var(--bento-accent);outline-offset:6px}.blog-bento-tile-face{pointer-events:none;flex-direction:column;align-items:stretch;gap:.78rem;height:100%;display:flex}.blog-bento-tile-media{aspect-ratio:16/9;background:#1a1a1a;border-radius:10px;flex:none;width:100%;display:block;position:relative;overflow:hidden}.blog-bento-tile--feature .blog-bento-tile-media{aspect-ratio:16/9}.blog-bento-tile--feature .blog-bento-tile-face{gap:.85rem}.blog-bento-tile--side .blog-bento-tile-face{flex-direction:row;align-items:center;gap:1rem}.blog-bento-tile--side .blog-bento-tile-media{aspect-ratio:4/3;border-radius:8px;flex:0 0 108px;width:108px;height:81px}@media (min-width:900px){.blog-bento-tile--side .blog-bento-tile-media{flex:0 0 156px;width:156px;height:117px}.blog-bento-tile--side h3{font-size:clamp(1.08rem,1.3vw,1.24rem)}}.blog-bento-tile--side .blog-bento-tile-body{flex:auto;justify-content:center;gap:.28rem;min-width:0;padding:0}.blog-bento-tile--base .blog-bento-tile-face{flex-direction:row;align-items:center;gap:1rem}.blog-bento-tile--base .blog-bento-tile-media{aspect-ratio:4/3;border-radius:8px;flex:0 0 140px;width:140px;height:105px}.blog-bento-tile--base .blog-bento-tile-body{flex:auto;justify-content:center;gap:.3rem;min-width:0;padding:0}.blog-bento-tile-media img,.blog-bento-tile-fallback{object-fit:cover;object-position:center;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transform:scale(1.02)translate3d(calc(var(--mx)*8px),calc(var(--my)*6px),0);transition:opacity .56s ease,transform .9s var(--bento-spring);will-change:transform,opacity;display:block}.blog-bento-tile-media img{opacity:0}.blog-bento-tile-media img.is-loaded{opacity:1}.blog-bento-tile-fallback{background:#1c1c1c}.blog-bento-tile:hover .blog-bento-tile-media img,.blog-bento-tile:focus-visible .blog-bento-tile-media img{transform:scale(1.07)translate3d(calc(var(--mx)*12px),calc(var(--my)*8px),0)}.blog-bento-tile.is-opening .blog-bento-tile-media{visibility:hidden}.blog-bento-tile.is-opening .blog-bento-tile-media img{transition:none!important;transform:none!important}.blog-bento.is-leaving{perspective:1400px}.blog-bento.is-leaving .blog-bento-mast,.blog-bento.is-leaving .blog-bento-filters-dock,.blog-bento.is-leaving .blog-bento-break,.blog-bento.is-leaving .blog-bento-tile.is-opening .blog-bento-tile-body{opacity:0;filter:none;pointer-events:none;transition:opacity .22s cubic-bezier(.4,0,1,1);transform:none}.blog-bento.is-leaving .blog-bento-cell,.blog-bento.is-leaving .blog-bento-rail,.blog-bento.is-leaving .blog-bento-rail .blog-bento-cell--side+.blog-bento-cell--side{border-color:#0000!important}.blog-bento.is-leaving .blog-bento-tile:not(.is-opening){opacity:0;filter:none;pointer-events:none;transition:opacity .26s cubic-bezier(.4,0,1,1),transform .28s cubic-bezier(.4,0,1,1);transform:scale(.985)}.blog-bento-tile-body{flex-direction:column;align-items:flex-start;gap:.42rem;padding:0 .1rem;display:flex}.blog-bento-cat{letter-spacing:.16em;text-transform:uppercase;width:fit-content;color:var(--bento-accent);font-size:.72rem;font-weight:700;display:inline-flex}.blog-bento-tile h3{max-width:22em;font-family:var(--bento-serif);letter-spacing:-.03em;color:var(--bento-ink);text-wrap:pretty;align-items:flex-start;gap:0;margin:0;font-size:clamp(1.18rem,1.6vw,1.38rem);font-weight:600;line-height:1.22;display:flex}.blog-bento-hed{flex:auto;min-width:0}.blog-bento-tile--side .blog-bento-hed,.blog-bento-tile--base .blog-bento-hed{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-bento-tile--side h3{letter-spacing:-.025em;font-size:clamp(1.02rem,1.15vw,1.16rem);line-height:1.28}.blog-bento-tile--base h3{max-width:none;font-size:clamp(1.05rem,1.2vw,1.2rem);line-height:1.28}.blog-bento-arrow{width:0;height:.78em;color:var(--bento-ink);opacity:0;flex:0 0 0;margin:.18em 0 0;transition:flex-basis .5s cubic-bezier(.4,0,.1,1),width .5s cubic-bezier(.4,0,.1,1),margin-right .5s cubic-bezier(.4,0,.1,1),opacity .28s;display:block;overflow:hidden}.blog-bento-arrow>span{flex-direction:column;transition:transform .5s cubic-bezier(.4,0,.1,1);display:flex;transform:translateY(0)}.blog-bento-arrow svg{flex:0 0 .78em;width:.78em;height:.78em;display:block}.blog-bento-tile:hover .blog-bento-arrow,.blog-bento-tile:focus-visible .blog-bento-arrow{opacity:1;flex-basis:.78em;width:.78em;margin-right:.4rem}.blog-bento-tile:hover .blog-bento-arrow>span,.blog-bento-tile:focus-visible .blog-bento-arrow>span{transform:translateY(-50%)}.blog-bento-tile--feature h3{letter-spacing:-.035em;max-width:18em;font-size:clamp(1.55rem,2.4vw,2.05rem);font-weight:700;line-height:1.12}.blog-bento-tile--feature .blog-bento-arrow{height:.72em;margin-top:.14em}.blog-bento-tile--feature:hover .blog-bento-arrow,.blog-bento-tile--feature:focus-visible .blog-bento-arrow{flex-basis:.72em;width:.72em}.blog-bento-tile--feature .blog-bento-arrow svg{flex-basis:.72em;width:.72em;height:.72em}.blog-bento-excerpt{letter-spacing:-.011em;max-width:34rem;color:var(--bento-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.1rem 0 0;font-size:.95rem;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.blog-bento-meta{align-items:center;gap:.65rem;margin-top:.35rem;display:flex}.blog-bento-tile--side .blog-bento-cat{letter-spacing:.14em;font-size:.66rem}.blog-bento-tile--side .blog-bento-meta,.blog-bento-tile--base .blog-bento-meta{margin-top:.12rem}.blog-bento-tile--side .blog-bento-meta-text,.blog-bento-tile--base .blog-bento-meta-text{flex-flow:wrap;align-items:baseline;gap:.35rem}.blog-bento-tile--side .blog-bento-meta-text strong,.blog-bento-tile--base .blog-bento-meta-text strong{font-size:.8rem}.blog-bento-tile--side .blog-bento-meta-text span,.blog-bento-tile--base .blog-bento-meta-text span{font-size:.75rem}.blog-bento-avatar{background:#ddd;border-radius:999px;flex:0 0 1.7rem;width:1.7rem;height:1.7rem;display:block;overflow:hidden}.blog-bento-avatar img,.blog-bento-meta img{object-fit:cover;object-position:center 18%;border-radius:999px;width:100%;height:100%;display:block}.blog-bento-meta-text{flex-direction:column;gap:.05rem;min-width:0;display:flex}.blog-bento-meta-text strong{letter-spacing:-.015em;color:var(--bento-ink);font-size:.86rem;font-weight:600}.blog-bento-meta-text span{color:var(--bento-muted);font-size:.78rem;font-weight:500}.blog-bento-empty{text-align:center;color:var(--bento-muted);border:1px dashed var(--bento-line);border-radius:8px;padding:3rem 1rem}.blog-bento-sentinel{justify-content:center;align-items:center;min-height:3rem;margin-top:2.5rem;display:flex}.blog-bento-loading-dot{background:var(--bento-accent);border-radius:999px;width:7px;height:7px;animation:1.4s ease-in-out infinite bento-pulse}@keyframes bento-pulse{0%,to{opacity:.28;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@keyframes bento-shimmer{0%{background-position:100% 0}to{background-position:-80% 0}}.blog-bento-filters-dock{display:contents}@media (max-width:899px){.blog-bento{padding:1.15rem 0 4.25rem}.blog-bento-inner{width:min(1180px,100% - 2rem)}.blog-bento-mast{gap:.7rem;margin-bottom:.7rem}.blog-bento-title{letter-spacing:-.028em;white-space:normal;font-size:clamp(1.85rem,8.4vw,2.35rem);line-height:1.08}.blog-bento-dek{white-space:normal;margin-top:.5rem;font-size:.92rem;line-height:1.48}.blog-bento-filters-dock{width:calc(100% + 2rem);margin:0 -1rem 1.25rem;padding:.15rem 0 .35rem;display:block;position:relative}.blog-bento-filters-dock:after{content:"";pointer-events:none;background:color-mix(in srgb,var(--bento-bg)92%,transparent);width:2.4rem;position:absolute;top:.45rem;bottom:.55rem;right:0}.blog-bento-filters{-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;gap:.45rem;margin:0;padding:0 1rem;overflow:auto hidden}.blog-bento-filters::-webkit-scrollbar{display:none}.blog-bento-filter{flex:none;min-height:40px;padding:.5rem .95rem;font-size:.84rem}.blog-bento-filter:hover{transform:none}.blog-bento-pack{gap:.5rem}.blog-bento-grid{gap:1.5rem}.blog-bento-rail{gap:0}.blog-bento-tile--feature .blog-bento-tile-media{aspect-ratio:16/9}.blog-bento-tile--side .blog-bento-tile-media,.blog-bento-tile--base .blog-bento-tile-media{aspect-ratio:4/3;flex:0 0 96px;width:96px;height:72px}.blog-bento-tile h3,.blog-bento-tile--feature h3{font-size:clamp(1.28rem,5vw,1.55rem)}.blog-bento-tile--side h3,.blog-bento-tile--base h3{font-size:1.05rem}.blog-bento-break{padding:1.6rem 0 .15rem}.blog-bento-break-line{font-size:1.12rem}}@media (hover:none){.blog-bento-tile:active .blog-bento-tile-media img{transform:scale(1.05)}}@media (min-width:640px) and (max-width:899px){.blog-bento-grid{grid-template-columns:1fr 1fr;gap:1.35rem 1.25rem}.blog-bento-cell--feature,.blog-bento-rail{grid-column:1/-1}.blog-bento-tile--feature .blog-bento-tile-media{aspect-ratio:16/9}}@media (prefers-reduced-motion:reduce){.blog-bento-cursor{display:none!important}.blog-bento-tile,.blog-bento-tile-face,.blog-bento-tile-media img,.blog-bento-filter,.blog-bento-loading-dot,.blog-bento-skeleton,.blog-bento-arrow>span{transition:none!important;animation:none!important}.blog-bento-tile-media img{opacity:1;transform:none}.blog-bento-tile:hover .blog-bento-tile-media img,.blog-bento-tile:focus-visible .blog-bento-tile-media img,.blog-bento-tile:hover .blog-bento-arrow>span,.blog-bento-tile:focus-visible .blog-bento-arrow>span{transform:none}.blog-bento-tile:hover .blog-bento-arrow,.blog-bento-tile:focus-visible .blog-bento-arrow{opacity:1;flex-basis:.78em;width:.78em;margin-right:.4rem}}
