.article-container{max-width:var(--article-max-width, 1200px);margin:0 auto;background:var(--article-background, #ffffff);color:var(--article-text-color, #333333);font-family:var(--font-body-family);line-height:1.6}.article-hero{position:relative;margin-bottom:4rem;background:var(--article-hero-background, #f8f8f8)}.article-hero.full-width{width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.article-hero__image-wrapper{position:relative;height:min(70vh,800px);overflow:hidden}.article-hero__image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.style-parallax{transform-style:preserve-3d;perspective:1000px}.style-fixed .article-hero__image{position:fixed;top:0;left:0;width:100%;z-index:-1}.effect-zoom{transform:scale(1.05)}.effect-fade{opacity:.8;transition:opacity .3s ease}.article-hero__content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#0003,#0009);padding:2rem;color:#fff;text-align:center}.article-hero__text-container{max-width:800px}.article-category{display:inline-block;padding:.5rem 1rem;background:var(--article-accent-color, #4a90e2);color:#fff;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;border-radius:3px;margin-bottom:1.5rem}.article-title{font-size:var(--title-size, 2.5rem);font-weight:var(--title-weight, 600);line-height:1.2;margin-bottom:1.5rem;color:inherit}.article-meta{display:flex;align-items:center;justify-content:center;gap:1.5rem;font-size:.9rem;opacity:.9}.article-meta>*{display:flex;align-items:center}.article-meta>*:not(:last-child):after{content:"\2022";margin-left:1.5rem;opacity:.5}.article-content-wrapper{max-width:min(85ch,100% - 2rem);margin:0 auto;padding:2rem}.article-content{font-size:var(--content-size, 1.125rem);line-height:var(--content-line-height, 1.6)}.article-content h2{font-size:1.75em;margin:2em 0 1em;color:var(--article-heading-color, #ffffff)}.article-content h3{font-size:1.5em;margin:1.5em 0 1em;color:var(--article-heading-color, #ffffff)}.article-content p{margin-bottom:1.5em}.article-content img{border-radius:8px;margin:2em auto}.article-content blockquote{border-left:4px solid var(--article-accent-color, #4a90e2);margin:2em 0;padding:1em 0 1em 2em;font-style:italic;color:var(--article-quote-color, #666)}.article-social{margin:4rem 0;text-align:center}.social-heading{font-size:1.25rem;margin-bottom:1.5rem}.social-buttons{display:flex;gap:1rem;justify-content:center}.social-button{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:var(--article-social-background, #f5f5f5);color:var(--article-social-color, #666);transition:all .3s ease}.social-button:hover{transform:translateY(-2px);background:var(--article-accent-color, #4a90e2);color:#fff}.article-author-bio{display:flex;gap:2rem;margin:4rem 0;padding:2rem;background:var(--article-bio-background, #f8f8f8);border-radius:12px}.author-image{width:120px;height:120px;flex-shrink:0}.author-image img{width:100%;height:100%;object-fit:cover;border-radius:50%}.author-content{flex-grow:1}.author-name{font-size:1.25rem;margin-bottom:1rem}.author-description{font-size:.95rem;color:var(--article-bio-text, #666)}.related-posts{margin:4rem 0}.related-posts__title{text-align:center;margin-bottom:2rem;font-size:1.75rem}.related-posts__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media screen and (max-width: 768px){.article-hero__image-wrapper{height:50vh}.article-title{font-size:calc(var(--title-size, 2.5rem) * .7)}.article-meta{flex-direction:column;gap:.5rem}.article-meta>*:not(:last-child):after{display:none}.article-author-bio{flex-direction:column;text-align:center}.author-image{margin:0 auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-content-wrapper{animation:fadeIn .6s ease-out}@media print{.article-hero__image-wrapper{height:auto}.article-social,.related-posts{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-main-article.css.map */