.page-width{width:1440px;max-width:calc(100% - 168px);margin:0 auto}.blog-homepage-template__title{font-size:36px;text-align:center;margin:30px 0}.blog-tag-nav{margin:0 0 30px;padding:0}.blog-tag-nav__list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 40px;list-style:none;margin:0;padding:0}.blog-tag-nav__item{margin:0;padding:0}.blog-tag-nav__link{display:inline-block;font-size:20px;line-height:1.4;color:#333;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:color .15s ease,opacity .15s ease}.blog-tag-nav__link:hover,.blog-tag-nav__link:focus{color:#000;opacity:.85;outline:none}.blog-tag-nav__link:focus-visible{outline:2px solid currentColor;outline-offset:3px}.blog-tag-nav__link--active{font-weight:600;color:#000}.blog-tag-nav__more{position:relative;cursor:default;outline:none}.blog-tag-nav__more:after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}.blog-tag-nav__more-label{display:inline-flex;align-items:center;gap:6px;font-size:20px;line-height:1.4;color:#333;-webkit-user-select:none;user-select:none}.hide-on-desktop{display:none}.blog-tag-nav__chevron{flex-shrink:0;margin-top:1px;opacity:.75}.blog-tag-nav__panel{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);min-width:180px;margin:0;padding:10px 0;list-style:none;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 8px 24px #00000014;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease,transform .18s ease;z-index:10}.blog-tag-nav__more:hover .blog-tag-nav__panel,.blog-tag-nav__more:focus-within .blog-tag-nav__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.blog-tag-nav__more .blog-tag-nav__panel{transform:translate(-50%) translateY(-6px)}.blog-tag-nav__more.is-open .blog-tag-nav__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.blog-tag-nav__more.is-open .blog-tag-nav__chevron{transform:rotate(180deg);transition:transform .18s ease}@media screen and (max-width:1024px){.hide-on-mobile{display:none}.blog-tag-nav{position:sticky;top:0;z-index:30;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.06);width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:16px}.blog-tag-nav__list{display:block;list-style:none;margin:0;padding:8px 12px}.blog-tag-nav__item:not(.blog-tag-nav__item--more){display:none}.blog-tag-nav__item--more{margin:0}.blog-tag-nav__more:after{display:none}.blog-tag-nav__more{position:relative}.blog-tag-nav__more-label{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:10px;color:#111;font-size:16px;line-height:1.1;-webkit-user-select:none;user-select:none}.hide-on-desktop{display:inline-block}.blog-tag-nav__mobile-title{font-size:16px;font-weight:700;color:#111;margin:0}.blog-tag-nav__current-wrap{display:inline-flex;align-items:center;gap:8px;color:#111;font-weight:600}.blog-tag-nav__current{font-weight:700}.blog-tag-nav__panel{position:absolute;left:50%;right:auto;width:100vw;top:calc(100% + 8px);min-width:0;transform:translate(-50%,-10px);max-height:0;overflow:hidden;-webkit-overflow-scrolling:touch;border-radius:0;padding:0;border-width:0;box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;transition:max-height .22s ease,opacity .18s ease,transform .22s ease,visibility .18s ease}.blog-tag-nav__more:hover .blog-tag-nav__panel,.blog-tag-nav__more:focus-within .blog-tag-nav__panel{transform:translate(-50%)}.blog-tag-nav__more .blog-tag-nav__panel{transform:translate(-50%,-10px)}.blog-tag-nav__more.is-open .blog-tag-nav__panel{transform:translate(-50%);max-height:min(60vh,420px);overflow-y:auto;padding:10px 0;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 24px #00000014;opacity:1;visibility:visible;pointer-events:auto}}.blog-tag-nav__more:focus-visible .blog-tag-nav__more-label{outline:2px solid #1a1a1a;outline-offset:3px;border-radius:2px}.blog-tag-nav__panel-item{margin:0;padding:0}.blog-tag-nav__panel-link{display:block;padding:10px 20px;font-size:15px;font-weight:400;color:#1a1a1a;text-decoration:none;white-space:nowrap;transition:background .12s ease,color .12s ease}.blog-tag-nav__panel-link:hover,.blog-tag-nav__panel-link:focus{background:#0000000a;color:#000;outline:none}.blog-tag-nav__panel-link:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.featured-posts{margin:0 0 30px}.featured-posts__heading{font-size:1.5rem;margin:0 0 16px;font-weight:600;color:#1a1a1a}.featured-posts__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,36%);gap:0;align-items:stretch;min-height:500px;overflow:hidden;box-shadow:0 2px 20px #0000000f;background-color:#fff}.featured-posts--hero-only .featured-posts__grid{grid-template-columns:1fr}.featured-posts__hero{position:relative;min-height:280px;margin-right:50px;overflow:hidden;border-radius:8px}.featured-posts__hero-link{display:block;position:relative;height:100%;min-height:280px;color:inherit;text-decoration:none}.featured-posts__hero-link:focus-visible{outline:2px solid #ff6b35;outline-offset:2px}.featured-posts__hero-media{position:absolute;top:0;right:0;bottom:0;left:0;background:#2a2a2a}.featured-posts__hero-media img{width:100%;height:100%;object-fit:cover;display:block}.featured-posts__hero-media--placeholder{width:100%;height:100%;background:linear-gradient(135deg,#2a2a2a,#505050)}.featured-posts__hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 24px 32px;background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.28) 48%,transparent 72%)}.featured-posts__hero-tag{font-size:.875rem;font-weight:700;color:#ff6b35;margin:0 0 10px}.featured-posts__hero-title{font-size:clamp(1.25rem,2.4vw,1.85rem);font-weight:700;color:#fff;line-height:1.25;margin:0 0 16px}.featured-posts__hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;font-size:.875rem;color:#ffffffeb}.featured-posts__hero-date{color:#ffffffe0;font-weight:400}.featured-posts__author{display:inline-flex;align-items:center;gap:8px}.featured-posts__author-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0}.featured-posts__author--hero .featured-posts__author-avatar{width:32px;height:32px}.featured-posts__author-avatar img{width:100%;height:100%;object-fit:cover}.featured-posts__author-avatar--text{display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;line-height:1;background:#ffffff4d;color:#fff}.featured-posts__author--side .featured-posts__author-avatar--text{background:#e8e8e8;color:#333;font-size:16px}.featured-posts__author-label{font-weight:500}.featured-posts__author--side .featured-posts__author-label{color:#555;font-size:14px}.featured-posts__author--hero .featured-posts__author-label{color:#fffffff2}.featured-posts__side{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;background:#fff;min-height:0}.featured-posts__side-cell{flex:1 1 0;display:flex;flex-direction:column;min-height:0}.featured-posts__side-cell:last-child{border-bottom:none}.featured-posts__side-item{flex:1;display:flex;flex-direction:column;min-height:0}.featured-posts__side-link{flex:1;display:flex;align-items:stretch;gap:16px;padding:16px 18px;text-decoration:none;color:inherit;min-height:0;transition:background .15s ease}.featured-posts__side-link:hover{background:#00000008}.featured-posts__side-link:focus-visible{outline:2px solid #ff6b35;outline-offset:-2px}.featured-posts__side-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px}.featured-posts__side-tag{margin:0;font-size:14px;color:#83868a;line-height:1.2}.featured-posts__side-title{margin:0;font-size:20px;font-weight:700;color:#000;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden}.featured-posts__side-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:4px;font-size:16px;color:#595c61}.featured-posts__side-date{opacity:.8;color:#595c61}.featured-posts__side-thumb{flex-shrink:0;width:88px;height:72px;border-radius:8px;overflow:hidden;align-self:center}.featured-posts__side-thumb img{width:100%;height:100%;object-fit:cover}.article-card-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:36px 0 20px}.article-card{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 2px 18px #0000000f;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .15s ease}.article-card img{transition:transform .3s ease,box-shadow .3s ease}.article-card:hover img{transform:scale(1.1);box-shadow:0 8px 26px #00000014}.article-card:focus-visible{outline:2px solid #ff6b35;outline-offset:2px}.article-card__image{position:relative;height:175px;overflow:hidden;background:#f2f2f2}.article-card__image img{width:100%;height:100%;object-fit:cover;display:block}.article-card__image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e9e9e9,#f7f7f7)}.article-card__content{padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px;min-height:140px}.article-card__tag{margin:0;font-size:16px;font-weight:600;color:#83868a}.article-card__title{margin:0;font-size:20px;font-weight:700;color:#000;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden}.article-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.article-card__date{font-size:16px;color:#595c61;opacity:.8;white-space:nowrap}.pagination-wrapper{width:100%;display:flex;justify-content:center;align-items:center}@media(min-width:1025px)and (max-width:1440px){.page-width{width:1200px;padding:0}.featured-posts__hero{margin-right:30px}.featured-posts__side-title{font-size:18px}.article-card__title{font-size:16px}}@media screen and (max-width:1024px){.featured-posts__grid{min-height:0;overflow:visible}.featured-posts__side{min-height:auto}.featured-posts__side-cell{flex:0 0 auto}.featured-posts__side-item,.featured-posts__side-link{flex:0 0 auto;min-height:auto}}@media screen and (max-width:1024px)and (min-width:768px){.page-width{max-width:calc(100% - 48px);width:100%;padding:0}.blog-homepage-template__title{font-size:clamp(28px,4vw,36px);margin:24px 0 20px}.featured-posts__grid{grid-template-columns:1fr;min-height:0}.featured-posts__hero{margin-right:0;min-height:260px}.featured-posts__side-title{font-size:clamp(16px,2vw,20px)}.featured-posts__side-link{padding:14px;gap:12px}.featured-posts__side-thumb{width:80px;height:66px}.article-card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media screen and (max-width:767px){.page-width{max-width:100%;width:100%;padding:0 16px;box-sizing:border-box}.blog-homepage-template__title{font-size:24px;margin:20px 0 16px}.featured-posts__grid{grid-template-columns:1fr;min-height:0}.featured-posts__hero{margin-right:0;min-height:240px}.featured-posts__side-link{min-height:96px}.article-card-list{grid-template-columns:1fr;gap:16px;margin:28px 0 16px}.article-card__title{font-size:14px}.featured-posts__side-title,.featured-posts__author--side .featured-posts__author-label,.featured-posts__side-meta,.article-card__date{font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/blog-homepage-template.css.map */