.blog-index-page{background:#fff;color:var(--ink)}
.blog-index-page .site-nav .active,.blog-index-page .mobile-menu-link[aria-current=page]{color:var(--muted)}
.blog-index-main{padding:46px var(--page-padding) 160px}
.blog-index-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.blog-index-label{grid-column:1/span 3;width:fit-content;margin:0;font-size:16px;line-height:1.2;color:transparent;background:linear-gradient(90deg,#93b4e9 0%,#a0b9e1 16%,#c3c3cd 32%,#e9c2a1 48%,#f9b375 64%,#ff9d5c 80%,#fe8b54 100%);background-clip:text;-webkit-background-clip:text}
.blog-index-title{grid-column:4/-1;max-width:1000px;margin:0;font-size:40px;font-weight:450;line-height:1.08;letter-spacing:-.035em}
.blog-index-list{margin-top:clamp(104px,11vw,176px);border-top:1px solid rgba(48,48,46,.22)}
.blog-index-card{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start;padding:24px 0 0;color:inherit;text-decoration:none}
.blog-index-number{grid-column:1/span 1;margin:0;font-size:13px}
.blog-index-media{grid-column:4/span 5;margin:0;aspect-ratio:3/2;overflow:hidden;background:transparent}
.blog-index-media img{display:block;width:100%;height:100%;object-fit:cover;transition:clip-path 1000ms cubic-bezier(.9,0,.1,1)}
.blog-index-copy{grid-column:9/-1;display:flex;min-height:100%;flex-direction:column;align-items:flex-start}
.blog-index-meta{margin:0;color:var(--muted);font-size:16px;line-height:1.35;white-space:nowrap}
.blog-index-card h2{max-width:500px;margin:12px 0 0;font-size:32px;font-weight:450;line-height:1.06;letter-spacing:-.035em}
.blog-index-read{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:7px;min-height:42px;margin-top:auto;padding:12px 13px;border-radius:4px;background:#f3f3f3;color:#111;font-size:14px;line-height:1}
.blog-index-read::after{content:'';position:absolute;z-index:0;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,#93b4e9 0%,#a0b9e1 16%,#c3c3cd 32%,#e9c2a1 48%,#f9b375 64%,#ff9d5c 80%,#fe8b54 100%);opacity:0;transition:opacity 500ms cubic-bezier(.9,0,.1,1)}
.blog-index-read>*{position:relative;z-index:1}
.blog-index-read-label{display:block;overflow:hidden;padding:.08em 0;margin:-.08em 0;white-space:nowrap}
.blog-index-read-label>span{display:inline-block;text-shadow:0 1.15em 0 #111;transition:transform .3s cubic-bezier(.9,0,.1,1)}
.blog-index-read-arrow{display:flex;width:18px;height:18px;overflow:hidden;flex-direction:column;line-height:18px}
.blog-index-read-arrow>span{width:18px;height:18px;flex:0 0 18px;text-align:center;transition:transform .3s cubic-bezier(.9,0,.1,1)}
.blog-text-clip{display:block;overflow:hidden;padding:.08em 0;margin:-.08em 0}
.blog-text-rise{display:block;will-change:transform,opacity,filter}
.blog-index-card:hover .blog-index-read::after,.blog-index-card:focus-visible .blog-index-read::after{opacity:1}
.blog-index-card:hover .blog-index-read-label>span,.blog-index-card:focus-visible .blog-index-read-label>span{transform:translateY(-1.15em);transition-duration:.5s;transition-delay:calc(var(--char) * 20ms)}
.blog-index-card:hover .blog-index-read-arrow>span,.blog-index-card:focus-visible .blog-index-read-arrow>span{transform:translateY(-18px);transition-duration:.5s;transition-delay:200ms}
.blog-index-motion .blog-text-rise{opacity:0;transform:translateY(105%);filter:blur(6px)}
.blog-index-motion.blog-index-entered .blog-text-rise{opacity:1;transform:none;filter:none;transition:opacity 760ms cubic-bezier(.22,1,.36,1),transform 760ms cubic-bezier(.22,1,.36,1),filter 760ms cubic-bezier(.22,1,.36,1)}
.blog-index-motion.blog-index-entered .blog-index-title .blog-text-rise{transition-delay:90ms}
.blog-index-motion .blog-index-media img{clip-path:inset(100% 0 0)}
.blog-index-motion.blog-index-entered .blog-index-media img{clip-path:inset(0);transition-delay:180ms}
.blog-index-motion.blog-index-entered .blog-index-meta .blog-text-rise{transition-delay:240ms}
.blog-index-motion.blog-index-entered .blog-index-copy h2 .blog-text-rise{transition-delay:330ms}
.blog-index-motion .blog-index-copy>.blog-index-read{opacity:0}
.blog-index-motion.blog-index-entered .blog-index-copy>.blog-index-read{opacity:1;transition:opacity 600ms cubic-bezier(.22,1,.36,1) 420ms}
@media(max-width:900px){.blog-index-main{padding:46px 12px 104px}.blog-index-hero{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 12px}.blog-index-label,.blog-index-title{grid-column:1/-1}.blog-index-title{font-size:clamp(32px,8vw,40px)}.blog-index-list{margin-top:90px}.blog-index-card{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}.blog-index-number{grid-column:1}.blog-index-media{grid-column:1/-1;grid-row:2}.blog-index-copy{grid-column:1/-1;grid-row:3;min-height:0}.blog-index-card h2{margin:10px 0 24px;font-size:32px}.blog-index-read{margin-top:0}}
@media(prefers-reduced-motion:reduce){.blog-text-rise,.blog-index-copy>.blog-index-read{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.blog-index-media img{clip-path:none!important;transition:none!important}}