.blog-section{padding:4rem 0;margin:0 auto}.blog-title{text-align:center;font-size:3rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:3rem;color:#000}.blog-filters{text-align:center;margin-bottom:3rem}.blog-filters-title{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;color:#000}.blog-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.blog-tag{padding:.5rem 1.25rem;background-color:transparent;border:1px solid #000;color:#000;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.blog-tag:hover,html .light .blog-tag.blog-tag--active{background-color:#000;color:#fff}html .dark .blog-tag.blog-tag--active{color:#000}body.light .blog-tag.blog-tag--active,body.light .blog-tag:hover,html.light body .blog-tag.blog-tag--active,html.light body .blog-tag:hover,.light .blog-tag.blog-tag--active,.light .blog-tag:hover,html.light .blog-tag.blog-tag--active,html.light .blog-tag:hover{color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.blog-card{position:relative;overflow:hidden;cursor:pointer;text-decoration:none;display:block}.blog-card-figure{position:relative;width:100%;padding-bottom:75%;overflow:hidden;background-color:#f5f5f5;margin:0}.blog-card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:2rem;background:linear-gradient(180deg,#0000,#0006);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}body.light .blog-card-overlay,body.light .blog-card-overlay *,html.light body .blog-card-overlay,html.light body .blog-card-overlay *,.light .blog-card-overlay,.light .blog-card-overlay *,html.light .blog-card-overlay,html.light .blog-card-overlay *{color:#fff}.blog-card-category{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;opacity:.9;color:#fff}.light .blog-card-category,html.light .blog-card-category{color:#fff}.blog-card-title{font-size:1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;line-height:1.3;color:#fff}.light .blog-card-title,html.light .blog-card-title{color:#fff}.blog-card-meta{font-size:.875rem;opacity:.9;font-weight:400;color:#fff}.light .blog-card-meta,html.light .blog-card-meta{color:#fff}.blog-card-meta-author{font-weight:500}:root{--article-container-max: 900px;--article-padding-x: 2rem;--article-gap: 2rem}@media screen and (min-width: 750px){:root{--article-padding-x: 2rem;--article-gap: 3rem}}.article-section{width:100%}.article-section .container{max-width:var(--article-container-max);margin-left:auto;margin-right:auto}.article-image{width:100%;margin-bottom:var(--article-gap);border-radius:.5rem;overflow:hidden}.article-image-img{width:100%;height:auto;display:block;object-fit:cover}.article-header{text-align:center;margin-bottom:var(--article-gap)}.article-title{font-weight:700;margin:0 0 1rem;line-height:1.2;color:inherit;font-size:2rem}@media screen and (min-width: 750px){.article-title{font-size:2.5rem}}.article-meta{font-size:.875rem;color:inherit;opacity:.7;font-weight:400}.article-meta-author{font-weight:500}.article-meta-separator{margin:0 .5rem}.article-content{font-size:1rem;line-height:1.8;color:inherit;margin-bottom:var(--article-gap)}.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-weight:700;margin-top:2rem;margin-bottom:1rem;line-height:1.3;color:inherit}.article-content h2{font-size:1.875rem}.article-content h3{font-size:1.5rem}.article-content h4{font-size:1.25rem}.article-content h2:first-child,.article-content h3:first-child,.article-content h4:first-child{margin-top:0}.article-content p{margin-bottom:1.5rem}.article-content p:last-child{margin-bottom:0}.article-content ul,.article-content ol{margin:0 0 1.5rem;padding-left:1.5rem}[dir=rtl] .article-content ul,[dir=rtl] .article-content ol{padding-left:0;padding-right:1.5rem}.article-content ul:last-child,.article-content ol:last-child{margin-bottom:0}.article-content li{margin-bottom:.5rem}.article-content li:last-child{margin-bottom:0}.article-content a{color:inherit;text-decoration:underline;text-underline-offset:2px}.article-content a:hover{opacity:.8}.article-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1.5rem 0}.article-content blockquote{border-left:4px solid currentColor;padding-left:1.5rem;margin:1.5rem 0;font-style:italic;opacity:.8}[dir=rtl] .article-content blockquote{border-left:none;border-right:4px solid currentColor;padding-left:0;padding-right:1.5rem}.article-share{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--article-gap);flex-wrap:wrap}.article-share-label{font-size:.875rem;font-weight:500;color:inherit}.article-share-icon{width:20px;height:20px;cursor:pointer;transition:opacity .2s ease;display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;flex-shrink:0}.article-share-icon svg{width:100%;height:100%;display:block}.article-share-icon:hover{opacity:.7}.article-footer{border-top:1px solid #000;padding-top:var(--article-gap);margin-top:var(--article-gap)}.article-tags{margin-bottom:var(--article-gap)}.article-tags-label{font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:inherit;text-transform:uppercase;letter-spacing:.05em}.article-tags-list{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.article-tag{font-size:.875rem;color:inherit;text-decoration:none;opacity:.7;transition:opacity .2s ease}.article-tag:hover{opacity:1;text-decoration:underline;text-underline-offset:2px}.article-comments{margin-top:var(--article-gap)}.article-comments-count{font-size:.875rem;font-weight:500;margin-bottom:1.5rem;color:inherit}.article-comments-list{margin-bottom:var(--article-gap)}.article-comment{padding:1.5rem 0;border-bottom:1px solid;border-color:currentColor;opacity:.2}.article-comment:last-child{border-bottom:none}.article-comment-content{font-size:1rem;line-height:1.6;color:inherit;margin-bottom:.75rem}.article-comment-content p{margin-bottom:.75rem}.article-comment-content p:last-child{margin-bottom:0}.article-comment-meta{font-size:.875rem;color:inherit;opacity:.7}.article-comment-author{font-weight:500}.article-comment-separator{margin:0 .5rem}.article-comment-date{opacity:.6}.article-comment-form{margin-top:2rem}.article-comment-form-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:inherit}.article-comment-fields{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}@media screen and (min-width: 750px){.article-comment-fields{grid-template-columns:1fr 1fr}}.article-comment-field{display:flex;flex-direction:column}.article-comment-field--full{grid-column:1 / -1}.article-comment-field label{font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:inherit}.article-comment-field input,.article-comment-field textarea{padding:.75rem;border:1px solid;border-color:currentColor;opacity:.3;border-radius:.375rem;font-size:1rem;font-family:inherit;color:inherit;background-color:transparent;transition:all .2s ease;width:100%}.article-comment-field input:focus,.article-comment-field textarea:focus{outline:none;opacity:.5;border-color:currentColor}.article-comment-field textarea{resize:vertical;min-height:120px}.article-comment-field small{margin-top:.25rem;font-size:.75rem;color:inherit;opacity:.7}.article-comment-note{font-size:.75rem;color:inherit;opacity:.7;margin-bottom:1.5rem;font-style:italic}.article-comment-submit{padding:.875rem 2rem;background-color:#000;color:#fff;border:2px solid #000;border-radius:.375rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;font-family:inherit}.article-comment-submit:hover{opacity:.9;transform:translateY(-1px)}.article-comment-submit:active{transform:translateY(0)}.article-comment-error,.article-comment-success{padding:1rem;margin-bottom:1.5rem;border-radius:.375rem;border:1px solid}.article-comment-error{background-color:#ef44441a;border-color:#ef44444d;color:#dc2626}.article-comment-error h3{margin:0 0 .5rem;font-size:1rem;font-weight:600}.article-comment-error ul{margin:0;padding-left:1.5rem;list-style:disc}.article-comment-error a{color:inherit;text-decoration:underline}.article-comment-success{background-color:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.article-comment-success h3{margin:0;font-size:1rem;font-weight:600}@media screen and (max-width: 768px){.blog-section{padding:2rem 0}.blog-title{font-size:2rem;margin-bottom:2rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 749px){.article-title{font-size:1.75rem}.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.25rem}.article-comment-fields{grid-template-columns:1fr}}.dark .blog-section,html.dark .blog-section{background-color:#121212}.dark .blog-title,html.dark .blog-title,.dark .blog-filters-title,html.dark .blog-filters-title{color:#ededed}.dark .blog-tag,html.dark .blog-tag{border-color:#ededed;color:#ededed}.dark .blog-tag:hover,html.dark .blog-tag:hover,.dark .blog-tag.blog-tag--active,html.dark .blog-tag.blog-tag--active{background-color:#ededed;color:#121212}.dark .article-section,html.dark .article-section{background-color:#121212}.dark .article-title,html.dark .article-title{color:#ededed}.dark .article-meta,html.dark .article-meta{color:#ccc}.dark .article-content,html.dark .article-content,.dark .article-content h2,.dark .article-content h3,.dark .article-content h4,html.dark .article-content h2,html.dark .article-content h3,html.dark .article-content h4{color:#ededed}.dark .article-footer,html.dark .article-footer{border-top-color:#ededed}.dark .article-tags-label,html.dark .article-tags-label{color:#ededed}.dark .article-tag,html.dark .article-tag{color:#ccc}.dark .article-tag:hover,html.dark .article-tag:hover,.dark .article-share-label,html.dark .article-share-label,.dark .article-comments-count,html.dark .article-comments-count,.dark .article-comment-form-title,html.dark .article-comment-form-title,.dark .article-comment-field label,html.dark .article-comment-field label{color:#ededed}.dark .article-comment-field input,.dark .article-comment-field textarea,html.dark .article-comment-field input,html.dark .article-comment-field textarea{background-color:#1e1e1e;border-color:#333;color:#ededed}.dark .article-comment-field input:focus,.dark .article-comment-field textarea:focus,html.dark .article-comment-field input:focus,html.dark .article-comment-field textarea:focus{border-color:#555}.dark .article-comment-note,html.dark .article-comment-note{color:#ccc}.dark .article-comment,html.dark .article-comment{border-bottom-color:#333}.dark .article-comment-content,html.dark .article-comment-content{color:#ededed}.dark .article-comment-meta,.dark .article-comment-author,html.dark .article-comment-meta,html.dark .article-comment-author{color:#ccc}.dark .article-comment-date,html.dark .article-comment-date{color:#999}.dark .article-comment-submit,html.dark .article-comment-submit{background-color:#ededed;color:#121212;border-color:#ededed}.dark .article-comment-submit:hover,html.dark .article-comment-submit:hover{background-color:#ccc;border-color:#ccc}.light .blog-section,html.light .blog-section{background-color:#fff}.light .blog-title,html.light .blog-title{color:#000}.light .article-section,html.light .article-section{background-color:#fff}.light .article-title,html.light .article-title{color:#000}[dir=rtl] .blog-tags,[dir=rtl] .article-tags-list,[dir=rtl] .article-share{flex-direction:row-reverse}
/*# sourceMappingURL=/cdn/shop/t/4/assets/main-blog.css.map */
