.tr-article-banner{font-family:var(--tr-font);color:var(--tr-article-banner-text, var(--tr-dark-brown));background-color:var(--tr-article-banner-background, transparent);padding-block-start:var(--article-banner-padding-block-start, 0)}.tr-article-banner__text{padding-top:112px;max-width:850px}.tr-article-banner__title{margin:0;width:100%;font-family:var(--tr-font);font-weight:500;font-size:var(--tr-fs-h2);line-height:var(--tr-lh-sm);color:inherit}.tr-article-banner__meta{display:flex;flex-wrap:wrap;align-items:center;width:100%;gap:16px 24px;margin-top:24px}.tr-article-banner__meta-item{display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:fit-content;font-size:var(--tr-fs-xs);line-height:var(--tr-lh-xl);color:inherit;text-decoration:none}.tr-article-banner__meta-item--reviewer{text-transform:capitalize;line-height:var(--tr-lh-lg)}.tr-article-banner__meta-item svg{flex-shrink:0;width:16px;height:16px;color:var(--tr-main)}.tr-article-banner__tag{display:inline-flex;flex:0 0 auto;align-items:center;padding:4px 8px;border:1px solid var(--tr-dark-brown);border-radius:100px;font-size:var(--tr-fs-xs);line-height:var(--tr-lh-lg);text-transform:capitalize;color:var(--tr-dark-brown);text-decoration:none;transition:background-color .2s ease,color .2s ease}.tr-article-banner__tag:hover{background-color:var(--tr-dark-brown);color:var(--tr-white)}.tr-article-banner__media{width:100%;padding:48px 24px}.tr-article-banner__media-inner{position:relative;width:100%;border-radius:8px;overflow:hidden;aspect-ratio:1872 / 688}.tr-article-banner__image{display:block;width:100%;height:100%;object-fit:cover}@media screen and (max-width:999px){.tr-article-banner__text{padding-top:80px}.tr-article-banner__media{padding:40px 16px 24px}}@media screen and (max-width:749px){.tr-article-banner__text{padding-top:48px}.tr-article-banner__meta{flex-direction:column;align-items:flex-start;gap:16px}.tr-article-banner__meta-item{width:100%}.tr-article-banner__meta-item--reviewer{order:-1}.tr-article-banner__tag{display:none}.tr-article-banner__media{padding:48px 16px 8px}.tr-article-banner__media-inner{aspect-ratio:370 / 588}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/article-banner.css.map */