.blog-page{overflow:hidden}.blog-hero{padding:95px 0 106px}.blog-hero h1{font-size:clamp(3rem,7vw,6.8rem);line-height:1.12;letter-spacing:-.08em;margin:28px 0 28px}.blog-hero h1 em{font-style:normal;color:#2f9eca}.blog-hero p{color:var(--muted);font-size:17px;margin:0}.blog-content{padding-bottom:135px}.blog-toolbar{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:17px 0;color:var(--muted);font:12px "DM Sans",sans-serif;letter-spacing:.06em}.blog-list{border-bottom:1px solid var(--line)}.blog-post{display:grid;grid-template-columns:90px 1fr 180px 28px;gap:28px;align-items:start;padding:34px 0;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.blog-post:last-child{border-bottom:0}.blog-post:hover{padding-left:15px;padding-right:15px;background:rgba(226,242,248,.5)}.blog-post-index{font:500 12px "DM Sans",sans-serif;color:var(--muted);padding-top:6px}.blog-post-category{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#2f9eca;margin-bottom:10px}.blog-post h2{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.25;letter-spacing:-.05em;margin:0 0 10px}.blog-post-excerpt{color:var(--muted);font-size:14px;line-height:1.8;margin:0;max-width:600px}.blog-post-date{font:12px "DM Sans",sans-serif;color:var(--muted);padding-top:5px}.blog-post-arrow{font-size:22px;font-weight:400;padding-top:0}.pagination{display:flex;align-items:center;gap:8px;margin-top:37px}.page-button{display:grid;place-items:center;min-width:36px;height:36px;border:1px solid var(--line);background:transparent;color:var(--ink);font:12px "DM Sans",sans-serif;cursor:pointer}.page-button:hover,.page-button.is-active{background:#2f9eca;border-color:#2f9eca;color:#fff}.page-button.prev,.page-button.next{padding:0 12px;width:auto}.page-button:disabled{opacity:.3;cursor:not-allowed}@media(max-width:800px){.blog-hero{padding:67px 0 75px}.blog-hero h1{font-size:clamp(2.8rem,13vw,4.4rem)}.blog-content{padding-bottom:80px}.blog-post{grid-template-columns:45px 1fr 24px;gap:15px;padding:26px 0}.blog-post-date{grid-column:2;padding-top:0;margin-top:4px}.blog-post-arrow{grid-column:3;grid-row:1 / span 4}.blog-post h2{font-size:1.25rem}.blog-post-excerpt{font-size:13px}.blog-toolbar{font-size:11px}.pagination{margin-top:28px}}