.article{padding:8% 0}@media screen and (max-width:1200px){.article{padding:140px 0 80px}}@media screen and (max-width:672px){.article{padding:125px 0 60px}}.article-header{text-align:center;margin-bottom:5%}@media screen and (max-width:1200px){.article-header{margin-bottom:60px}}@media screen and (max-width:672px){.article-header{margin-bottom:40px}}.article-title{margin-bottom:20px;max-width:70%;margin-left:auto;margin-right:auto;font-size:calc(60px + .5vw);line-height:1.2}@media screen and (max-width:1200px){.article-title{max-width:80%;font-size:calc(40px + 1vw)}}@media screen and (max-width:672px){.article-title{max-width:100%;font-size:32px}}.article-meta{display:flex;justify-content:center;align-items:center;color:var(--text-tertiary)}.article-meta .separator{margin:0 10px}.article-featured-image{border-radius:.6em;overflow:hidden;margin-bottom:5%;max-width:900px;margin-left:auto;margin-right:auto}.article-featured-image img{max-width:800px;width:100%;height:auto;object-fit:contain;display:block}@media screen and (max-width:1200px){.article-featured-image{margin-bottom:60px;max-width:100%}}@media screen and (max-width:672px){.article-featured-image{margin-bottom:40px}}.article-content{max-width:800px;margin:0 auto 6%}@media screen and (max-width:1200px){.article-content{margin-bottom:60px}}@media screen and (max-width:672px){.article-content{margin-bottom:40px}}.article-content h2{font-family:var(--font-family-secondary);font-size:36px;line-height:1.2;margin-bottom:24px;margin-top:40px}.article-content h3{font-family:var(--font-family-secondary);font-size:24px;line-height:1.3;margin-bottom:20px;margin-top:32px}.article-content p{margin-bottom:20px}.article-content a{position:relative;color:var(--text-secondary);text-decoration:none}.article-content a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background-color:var(--border-secondary);transform:scaleX(1);transform-origin:left;transition:transform .3s ease}.article-content a:hover:after{transform:scaleX(0);transform-origin:right}.article-content ul,.article-content ol{margin-bottom:20px;padding-left:20px}.article-content li{margin-bottom:10px}.article-content img{display:block;max-width:100%;max-height:600px;width:auto;height:auto;margin:30px auto;border-radius:.4em;object-fit:contain}.article-content blockquote{font-family:var(--font-family-secondary);font-size:24px;line-height:1.4;padding:20px 40px;margin:40px 0;border-left:4px solid var(--background-secondary)}.article-share{display:flex;flex-direction:column;align-items:center;margin-bottom:8%}@media screen and (max-width:1200px){.article-share{margin-bottom:80px}}@media screen and (max-width:672px){.article-share{margin-bottom:60px}}.article-share-label{margin-bottom:15px;color:var(--text-tertiary)}.article-share-buttons{display:flex;gap:20px}.article-share-buttons a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--background-brown);color:var(--text-light);transition:all .3s ease}.article-share-buttons a:hover{background-color:var(--background-secondary);color:var(--text-primary)}.article-share-buttons .icon{width:20px;height:20px}.article-related{text-align:center}.article-related-title{margin-bottom:40px}.article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2vw}@media screen and (max-width:1200px){.article-related-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media screen and (max-width:672px){.article-related-grid{grid-template-columns:1fr;gap:40px}}.article-related-card{transition:transform .3s ease}.article-related-card:hover{transform:translateY(-5px)}.article-related-link{display:flex;flex-direction:column;text-decoration:none;color:var(--text-primary)}.article-related-image{position:relative;display:flex;border-radius:.6em;overflow:hidden;margin-bottom:15px;background-color:var(--background-brown)}.article-related-image:before{content:"";width:0;height:0;padding-bottom:66%}.article-related-image img{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;object-fit:cover}.article-related-content{text-align:left}.article-related-article-title{margin-bottom:10px}.article-related-date{color:var(--text-tertiary)}
/*# sourceMappingURL=/cdn/shop/t/28/assets/main-article.css.map */