.blog-header{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--black);min-height:500px}.blog-header__left{padding:4rem var(--gutter);border-right:1px solid var(--black);display:flex;flex-direction:column;justify-content:flex-end}.blog-header__eyebrow{font-family:var(--font-mono);font-size:max(.62rem,var(--text-min));letter-spacing:.22em;text-transform:uppercase;color:var(--grey-400);margin-bottom:1rem;display:flex;align-items:center;gap:.8rem}.blog-header__eyebrow:before{content:"";width:1.5rem;height:1px;background:var(--grey-400);flex-shrink:0}.blog-header__title{font-family:var(--font-display);font-size:clamp(3rem,6vw,6rem);font-weight:200;letter-spacing:.04em;text-transform:uppercase;line-height:.92}.blog-header__right{padding:4rem var(--gutter);display:flex;flex-direction:column;justify-content:center;gap:2rem}.blog-header__intro{font-family:var(--font-serif);font-size:1.45rem;line-height:1.85;color:var(--grey-700);max-width:420px}.blog-header__meta{padding-top:1.8rem;border-top:1px solid var(--grey-200)}.blog-header__meta-text{font-family:var(--font-mono);font-size:.92rem;letter-spacing:.04em;line-height:1.9;color:var(--grey-400);max-width:380px}.blog-filter{display:flex;align-items:center;border-bottom:1px solid var(--black);overflow-x:auto;scrollbar-width:none}.blog-filter::-webkit-scrollbar{display:none}.filter-btn{font-family:var(--font-mono);font-size:.88rem;letter-spacing:.12em;text-transform:uppercase;background:none;border:none;border-right:1px solid var(--black);padding:1rem 1.6rem;color:var(--grey-400);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;flex-shrink:0}.filter-btn:first-child{padding-left:var(--gutter)}.filter-btn:last-child{border-right:none;padding-right:var(--gutter)}.filter-btn:hover{color:var(--black);background:var(--grey-100)}.filter-btn.is-active{background:var(--black);color:var(--white)}.filter-count{margin-left:.5rem;font-size:max(.68rem,var(--text-min));opacity:.5}.blog-main{padding:0 0 6rem}.blog-card{display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:0 2.5rem;padding:1.6rem var(--gutter);border-bottom:1px solid var(--grey-200);text-decoration:none;color:inherit;transition:background .15s}.blog-card:hover{background:var(--grey-100)}.blog-card__top{display:flex;flex-direction:column;gap:.4rem}.blog-card__date{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--grey-400)}.blog-card__category{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--grey-400);display:flex;align-items:center;gap:.4rem}.blog-card__region{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--grey-400);padding-left:calc(3px + .4rem);margin-top:-.2rem}.blog-card__category:before{content:"";width:3px;height:3px;background:var(--grey-400);border-radius:50%;flex-shrink:0}.blog-card__bottom{display:flex;flex-direction:column;gap:.5rem}.blog-card__title{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:.02em;line-height:1.2;color:var(--black)}.blog-card__excerpt{max-width:68ch;font-family:var(--font-serif);font-size:1.2rem;line-height:1.75;color:var(--grey-700);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__arrow{font-size:1.05rem;color:var(--grey-400);transition:transform .2s;flex-shrink:0}.blog-card:hover .blog-card__arrow{transform:translate(4px)}@media(max-width:860px){.blog-header{grid-template-columns:1fr;min-height:0}.blog-header__left{border-right:none;border-bottom:1px solid var(--black)}.blog-card{grid-template-columns:150px 1fr auto;gap:0 1.5rem}}@media(max-width:640px){.blog-header__left,.blog-header__right{padding:1.6rem var(--gutter)}.blog-header__intro{font-size:1.15rem;line-height:1.6}.blog-header__meta{display:none}.filter-btn{font-size:.78rem;padding:1rem 0;flex:1;text-align:center}.filter-btn:first-child{padding-left:0}.filter-btn:last-child{padding-right:0}.blog-card{grid-template-columns:1fr auto;gap:0 1rem;padding:1.2rem var(--gutter)}.blog-card__top{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/ysg-blog.css.map */