.h3-blog-index-shell{padding-top:64px}.h3-blog-index-hero{max-width:760px;padding:30px 0 52px}.h3-blog-index-hero h1{margin:18px 0 14px;color:#18181b;font-size:clamp(48px,7vw,76px);line-height:.98}.h3-blog-index-hero p{max-width:650px;margin:0;color:#665b61;font-size:20px;line-height:1.5}.h3-blog-index-list{max-width:900px}.h3-blog-index-card{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:34px 0;border-top:1px solid rgba(24,24,27,.12)}.h3-blog-index-card h2{margin:14px 0 10px;color:#18181b;font-size:clamp(25px,4vw,38px);line-height:1.1}.h3-blog-index-card p{max-width:650px;margin:0;color:#665b61;font-size:16px;line-height:1.65}.h3-blog-index-card small{display:block;margin-top:15px;color:#9a8991;font:600 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.h3-blog-index-card .h3-primary{flex:none;padding:12px 16px;color:#fff;background:#087f8c;border:1px solid #087f8c;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none}.h3-blog-index-card .h3-primary:hover{background:#075f69;border-color:#075f69}@media(max-width:620px){.h3-blog-index-shell{padding-top:35px}.h3-blog-index-hero{padding-bottom:35px}.h3-blog-index-hero p{font-size:18px}.h3-blog-index-card{align-items:flex-start;flex-direction:column;gap:24px}.h3-blog-index-card .h3-primary{width:100%;justify-content:center}}