.article-page{font-family:Google Sans,sans-serif;color:#333;background-color:#f8f8f8}.article-hero{position:relative;width:100%;max-width:var(--content-width, 1200px);margin:0 auto 40px;display:flex;flex-direction:column;align-items:center}.article-hero__image-wrapper{width:100%;height:400px;overflow:hidden}.article-hero__image{margin:auto;width:75%;height:100%;object-fit:cover;object-position:center}.article-meta-box{background:#fff;box-shadow:0 4px 12px #00000014;padding:16px 32px;display:flex;align-items:center;justify-content:center;gap:70px;margin-top:-30px;position:relative;z-index:2;border-radius:4px;font-family:Google Sans,sans-serif;font-size:14px;color:#666}.article-meta__item{display:inline-block;font-family:Google Sans,sans-serif}.article-meta__tag{display:inline-flex;align-items:center;background:#00693c;color:#fff;padding:6px;border-radius:4px;font-family:Google Sans,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:100%;letter-spacing:0;text-transform:capitalize}.article-main{max-width:78%;margin:0 auto;padding:0 20px}.article-title{font-family:Google Sans,sans-serif;font-size:20px;font-weight:300;color:#1a1a1a;margin:40px 0 24px;line-height:1.3}.article-content{font-family:Google Sans,sans-serif;font-size:16px;font-weight:400;color:#40484f}.article-content p{margin-bottom:20px}.article-content img{display:block;margin:24px auto;width:100%;max-width:45%;height:auto;aspect-ratio:405 / 198;border-radius:15px;object-fit:cover}.article-divider{border:none;border-top:1px solid #DDE0E3;margin:40px 0 24px}.article-source{font-family:Google Sans,sans-serif;color:#40484f;width:100%;max-width:100%;margin:0 0 56px;padding:0 180px;box-sizing:border-box}.article-source p{margin:0 0 8px}.article-source__title{font-size:16px;font-weight:400}.article-source__content{width:100%;font-size:14px;line-height:1.5}.article-source__content .metafield-rich_text_field,.article-source__content p{width:100%;max-width:100%}.article-source__content a{color:#40484f;text-decoration:underline;overflow-wrap:anywhere;word-break:break-word}.article-source__content em,.article-source__content i{font-style:italic}.article-footer{margin-top:60px;padding-top:20px;border-top:1px solid #eaeaea;font-size:14px;color:#888;display:none}.related-articles{margin:0;width:100%;padding:0 180px;box-sizing:border-box}.related-articles__title{font-size:20px;font-weight:400;margin-bottom:24px;color:#000}.related-articles__grid{display:grid;grid-template-columns:repeat(auto-fill,286px);gap:32px}.related-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;max-width:286px}.related-card__image-wrapper{width:100%;aspect-ratio:286 / 140;height:auto;overflow:hidden;border-radius:8px;margin-bottom:16px;background-color:#f4f4f4}.related-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-card:hover .related-card__image{transform:scale(1.05)}.related-card__title{font-size:16px;font-weight:700;margin-bottom:8px;line-height:1.4;color:#000}.related-card__date{font-size:12px;color:#888}.related-articles__actions{margin-top:24px;margin-bottom:64px}.btn-recommendation{display:inline-block;padding:10px 24px;border:1px solid #40484F;border-radius:4px;text-decoration:none;color:#000;font-weight:400;transition:all .2s ease;font-size:13px}.btn-recommendation:hover{background:#40484f;color:#fff}@media screen and (max-width:980px){.article-hero__image{width:100%}.article-hero__image-wrapper{height:300px}.article-meta-box{flex-direction:column;align-items:flex-start;padding:16px;gap:8px;margin-left:20px;margin-right:20px;width:calc(100% - 40px)}.article-main{max-width:95%;padding:0 24px}.article-source,.related-articles{padding:0 24px}.article-content{text-align:justify;font-size:13px;font-weight:400;line-height:130%}.article-title{font-size:16px;font-weight:300}.article-content img{max-width:100%;height:auto}.article-divider{margin:0px -50vw 24px;width:100vw;position:relative;left:50%;right:50%}.article-content p{margin-bottom:24px}.related-articles__grid{grid-template-columns:1fr 1fr;gap:16px}.related-card__title{font-size:14px}.related-card__image-wrapper{aspect-ratio:148 / 140}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/article.css.map */