.blog-page{background:var(--color-background)}.blog-list{display:grid;gap:var(--spacing-2xl)}.blog-list__item{max-width:1100px;margin:0 auto}.blog-list__image-link{display:block;color:inherit;text-decoration:none}.blog-list__image-wrapper{overflow:hidden;border-radius:16px;background:var(--color-surface)}.blog-list__image{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.blog-list__content{max-width:780px;margin-top:var(--spacing-lg)}.blog-list__title{margin:0 0 var(--spacing-sm);color:var(--color-secondary);font-family:var(--font-heading-family);font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:800;line-height:1.2}.blog-list__title a{color:inherit;text-decoration:none}.blog-list__title a:hover{text-decoration:underline}.blog-list__excerpt{margin:0 0 var(--spacing-md);color:var(--color-ink-soft);line-height:1.7}.blog-list__read-more{display:inline-flex;color:var(--color-secondary);font-weight:700;text-decoration:underline}.blog-list__read-more:hover{text-decoration:none}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:750px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:990px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.blog-card{height:100%;background:#fff;border:1px solid var(--color-border);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #010b150a;transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-fast)}.blog-card:hover{border-color:rgba(var(--color-primary-rgb),.4);box-shadow:0 24px 60px #010b151a;transform:translateY(-4px)}.blog-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.blog-card__link:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}.blog-card__image-wrapper{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-surface)}.blog-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--transition-slow)}.blog-card:hover .blog-card__image{transform:scale(1.05)}.blog-card__image--placeholder{display:flex;align-items:center;justify-content:center;color:rgba(var(--color-secondary-rgb),.22)}.blog-card__image--placeholder svg{width:96px;height:96px}.blog-card__content{display:flex;flex-direction:column;flex-grow:1;padding:20px}.blog-card__title{margin:0 0 10px;font-size:1.1rem;font-weight:800;line-height:1.25;color:var(--color-secondary)}.blog-card__excerpt{margin:0 0 var(--spacing-md);color:var(--color-ink-soft);font-size:var(--font-size-sm);line-height:1.6}.blog-card__read-more{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:auto;color:var(--color-secondary);font-size:var(--font-size-sm);font-weight:800}.blog-card__read-more-icon{display:inline-flex;width:16px;height:16px;transition:transform var(--transition-fast)}.blog-card__read-more-icon svg{width:100%;height:100%}.blog-card:hover .blog-card__read-more-icon{transform:translate(4px)}.blog-empty{max-width:640px;margin:0 auto;padding:var(--spacing-xl);text-align:center;background:#fff;border:1px solid var(--color-border);border-radius:18px}.blog-pagination{margin-top:var(--spacing-xl)}.blog-pagination__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.blog-pagination__link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;color:var(--color-text);font-weight:700;text-decoration:none}.blog-pagination__link:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.blog-pagination__link--current{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-secondary)}.blog-pagination__link--gap{border-color:transparent;background:transparent}.blog-article{background:var(--color-background)}.breadcrumb{margin-bottom:20px}.breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.breadcrumb__item:after{content:">";margin-left:var(--spacing-xs);font-size:.72em;color:var(--color-text-light)}.breadcrumb__item:last-child:after{display:none}.breadcrumb__item a{color:var(--color-text-light)}.breadcrumb__item a:hover,.breadcrumb__item--active{color:var(--color-text)}.blog-article__header{max-width:780px;margin:0 auto var(--spacing-lg);text-align:left}.blog-article__title{margin:0;color:var(--color-secondary);font-family:var(--font-heading-family);font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;line-height:1.2;letter-spacing:-.02em}.blog-article__image-wrapper{max-width:780px;margin:0 auto var(--spacing-lg);overflow:hidden;border-radius:16px;background:var(--color-surface);box-shadow:0 10px 30px #010b150f}.blog-article__image{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.blog-article__content{max-width:780px;margin:0 auto;color:var(--color-text);font-size:var(--font-size-md)}.blog-article__tags{max-width:780px;margin:var(--spacing-xl) auto 0;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.blog-article__tags-label{margin:0 0 var(--spacing-sm);color:var(--color-secondary);font-size:var(--font-size-sm);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.blog-article__tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.blog-article__tag{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid rgba(var(--color-secondary-rgb),.14);border-radius:999px;background:#fff;color:var(--color-secondary);font-size:var(--font-size-sm);font-weight:700;text-decoration:none}.blog-article__tag:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.12)}.blog-related{margin-top:var(--spacing-2xl)}.blog-related__heading{margin:0 0 var(--spacing-lg);color:var(--color-secondary);font-size:var(--font-size-xl);font-weight:800;text-align:left}.blog-related__list{max-width:780px;margin:0;padding-left:1.2rem}.blog-related__item+.blog-related__item{margin-top:var(--spacing-sm)}.blog-related__link{color:var(--color-secondary);font-weight:600;text-decoration:underline}.blog-related__link:hover{text-decoration:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-blog.css.map */