.blog{background:var(--white);padding:110px 28px}.blog .inner{max-width:1160px;margin:0 auto}.blog .sub,.blog .title{margin:0 0 24px;max-width:596px;font-weight:400;font-size:var(--fs-h2);line-height:var(--lh-h2);color:var(--ink)}.blog .sub{margin:0 0 40px;max-width:945px;font-size:var(--fs-body);line-height:var(--lh-body)}.blog .cloud{display:flex;flex-wrap:wrap;gap:var(--space-12);margin:0 0 25px}.blog .chip{background:var(--surface);border-radius:var(--r-card);padding:8px 12px;font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--ink);white-space:nowrap}.blog .chip--active{background:var(--ink);color:var(--white)}.blog .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-30);align-items:start}.blog .card{position:relative;display:flex;flex-direction:column;gap:24px;padding-bottom:var(--space-20);background:var(--white);border:1px solid var(--border);border-radius:var(--r-card);color:inherit;text-decoration:none}.blog .photo{display:block;width:100%;height:172px;object-fit:cover;border-radius:var(--r-card) var(--r-card)0 0}.blog .minichips{position:absolute;top:12px;left:12px;display:flex;flex-wrap:wrap;gap:var(--space-8);max-width:341px}.blog .minichip{background:var(--white);border-radius:var(--r-card);padding:8px 12px;font-size:var(--fs-micro);line-height:var(--lh-micro);color:var(--ink);white-space:nowrap}.blog .cbody,.blog .ctext{display:flex;flex-direction:column}.blog .cbody{gap:16px;padding:0 24px}.blog .ctext{gap:var(--space-10)}.blog .ctitle{margin:0;font-weight:400;font-size:22px;line-height:24.2px;color:var(--ink)}.blog .cdesc{font-size:16px;line-height:22.4px;color:var(--ink)}.blog .read{font-size:var(--fs-body-sm);line-height:var(--lh-body-sm);color:var(--placeholder)}.blog .btn{display:flex;align-items:center;justify-content:center;width:365px;max-width:100%;height:50px;margin:36px auto 0;background:var(--accent);border-radius:var(--r-pill);padding:var(--space-10);font-size:var(--fs-btn);line-height:var(--lh-btn);color:var(--ink);text-align:center;text-decoration:none}@media (max-width:767px){.blog{padding:64px 28px}.blog .title{font-size:24px;line-height:26.4px}.blog .sub{margin-bottom:34px;font-size:var(--fs-para);line-height:var(--lh-para)}.blog .cloud{margin-bottom:26px}.blog .grid{grid-template-columns:1fr;gap:28px}.blog .minichips{top:8px;left:20px;max-width:279px}.blog .minichip{padding:4px 8px}.blog .cbody{padding:0 21px}.blog .btn{width:100%;margin-top:28px}}