.blog-head{padding-block:clamp(34px,7vw,90px) 18px}
.blog-head .wrap{display:grid;gap:14px}
.blog-head h1{font-size:clamp(42px,8.5vw,104px);max-width:14ch}
.shop-bar{position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--nav-h));z-index:20;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-block:12px;border-bottom:1px solid var(--line)}
.blog-list{padding-block:28px 90px}
.feed{display:grid;gap:34px}
@media (min-width:760px){.feed{grid-template-columns:repeat(2,minmax(0,1fr))}.feed .post-card:first-child{grid-column:1/-1}.feed .post-card:first-child .cover{aspect-ratio:16/8}}
@media (min-width:1080px){.feed{grid-template-columns:repeat(3,minmax(0,1fr))}}
.post-card{display:grid;gap:12px;text-decoration:none}
.post-card .cover{aspect-ratio:16/11;border-radius:22px;overflow:hidden;background:var(--blue)}
.post-card .cover img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.post-card:hover .cover img{transform:scale(1.04)}
.post-card .meta{font:500 13px var(--f-body);color:var(--mute)}
.post-card h2{font-size:clamp(24px,3vw,34px);line-height:1.1}
.post-card p{color:var(--mute);font-size:16px}