.article-template__hero-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:-24px;z-index:2;position:relative}.article-template__hero-tag{display:inline-block;padding:1rem 2rem;border:1px solid rgb(var(--color-foreground));border-radius:40px;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:14px;letter-spacing:.06em;line-height:1.3;white-space:nowrap}@media screen and (max-width:750px){.article-template__hero-tag{font-size:14px;padding:1.2rem 2.4rem}}.article-template__hero-container .media{padding-bottom:0!important;height:628px;max-height:628px}.article-template__hero-container .media img{object-fit:cover;object-position:center center}@media screen and (max-width:960px){.article-template__hero-container .media{height:350px;max-height:350px}}.article-template__header{display:flex;flex-direction:column;padding:0}@media screen and (max-width:960px){.article-template__header{max-width:345px}}.article-template__header--left{text-align:left;align-items:flex-start}.article-template__header--center{text-align:center;align-items:center}.article-template__header--right{text-align:right;align-items:flex-end}.article-template__title{font-weight:300;font-size:48px;line-height:1.3;letter-spacing:0;margin:0 0 32px;color:#3a3e42}@media screen and (max-width:960px){.article-template__title{font-size:32px;margin-bottom:32px}}.article-template__subtitle{font-weight:300;font-size:24px;line-height:1.3;letter-spacing:0;margin:0 0 48px;max-width:70%;color:#3a3e42}@media screen and (max-width:960px){.article-template__subtitle{font-size:16px;max-width:95%;margin-bottom:32px}}.article-template__meta{font-weight:300;font-size:18px;line-height:1.3;letter-spacing:.03em;margin:0 0 64px;color:#3a3e4280}@media screen and (max-width:960px){.article-template__meta{font-size:14px;margin-bottom:32px}}.article-template__content img{display:block;width:80vw;height:auto;margin:4rem auto;border-radius:0;object-fit:contain}@media screen and (max-width:960px){.article-template__content img{width:calc(100% + 4rem);margin-left:-2rem;margin-right:-2rem;max-width:none}}.article-template__content figure{margin:4rem 0}.article-template__content figure img{margin:0 0 1.5rem}.article-template__content figcaption{font-size:1.4rem;color:rgba(var(--color-foreground),.6);text-align:center;line-height:1.6;margin-top:1.5rem}.article-template__content blockquote{width:100vw;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw;margin-top:4rem;margin-bottom:4rem;padding:4rem 1.5rem;background-color:rgba(var(--color-foreground),.04);border:none;border-left:none;box-sizing:border-box}.article-template__content blockquote p{font-size:22px;line-height:1.8;text-align:center;color:rgba(var(--color-foreground),.8);margin:0 auto;max-width:30%;padding:0 1.5rem}@media screen and (max-width:750px){.article-template__content blockquote{padding:5rem 0;margin-top:5rem;margin-bottom:5rem}.article-template__content blockquote p{font-size:16px;max-width:500px}}.article-template__content h2{font-size:24px;margin-top:4rem;margin-bottom:3rem;line-height:1.3}@media screen and (max-width:960px){.article-template__content h2{font-size:24px}}.article-template__content h3{font-size:18px;font-weight:400;margin-top:3rem;margin-bottom:3rem;line-height:1.4}@media screen and (max-width:960px){.article-template__content h3{font-size:18px}}.article-template__content h4{font-size:18px;margin-top:2.5rem;margin-bottom:1rem;line-height:1.4}@media screen and (max-width:960px){.article-template__content h4{font-size:18px}}.article-template__content h5,.article-template__content h6{font-size:18px;margin-top:2rem;margin-bottom:1rem;line-height:1.5}@media screen and (max-width:960px){.article-template__content h5,.article-template__content h6{font-size:18px}}.article-template__content a:not(.button){color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3em;transition:opacity .2s ease}.article-template__content a:not(.button):hover{opacity:.7}.article-template__content p{font-size:18px;line-height:1.8;margin-bottom:1.5rem}@media screen and (max-width:960px){.article-template__content p{font-size:16px}}.article-template__content ul,.article-template__content ol{margin:2rem 0;padding-left:2rem}.article-template__content li{line-height:1.8;margin-bottom:.8rem}.article-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;padding:4rem 0;margin:4rem 0}@media screen and (min-width:750px){.article-tags{gap:1.6rem;padding:6rem 0;margin:6rem 0}}.article-tag{padding:1.2rem 2rem;border:1px solid rgb(var(--color-foreground));border-radius:40px;background-color:transparent;color:rgb(var(--color-foreground));font-size:18px;letter-spacing:.06em;line-height:1.3;white-space:nowrap}@media screen and (max-width:960px){.article-tag{font-size:14px}}.article-read-next{width:100vw;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw;margin-top:4rem;padding:4rem 1.5rem;background-color:rgba(var(--color-foreground),.04);box-sizing:border-box;max-width:100%}@media screen and (min-width:750px){.article-read-next{padding:6rem calc((100vw - var(--page-width)) / 2);margin-top:6rem}}.article-read-next--left{display:flex;flex-direction:column;align-items:flex-start}.article-read-next--center{display:flex;flex-direction:column;align-items:center}.article-read-next--right{display:flex;flex-direction:column;align-items:flex-end}.article-read-next__label{font-size:24px;font-weight:300;font-style:light;letter-spacing:.1em;margin-bottom:48px;color:#26292b}.article-read-next__label--uppercase{text-transform:uppercase}.article-read-next__card{display:flex;flex-direction:column;color:inherit}.article-read-next__card--text-left{text-align:center;align-items:center}.article-read-next__card--text-left .article-read-next__tags{justify-content:flex-start}.article-read-next__card--text-center{text-align:center;align-items:center}.article-read-next__card--text-center .article-read-next__tags{justify-content:center}.article-read-next__card--text-right{text-align:right;align-items:flex-end}.article-read-next__card--text-right .article-read-next__tags{justify-content:flex-end}.article-read-next__image{width:346px;height:298px;max-width:100%;overflow:hidden;margin-bottom:1.5rem}@media screen and (min-width:750px){.article-read-next__image{width:729px;height:548px}}.article-read-next__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-read-next__card:hover .article-read-next__image img{transform:scale(1.03)}.article-read-next__tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem}.article-read-next__tag{display:inline-block;padding:.8rem 1.6rem;border:1px solid rgb(var(--color-foreground));border-radius:40px;background-color:transparent;color:rgb(var(--color-foreground));font-size:1.2rem;letter-spacing:.06em;line-height:1.3;white-space:nowrap}.article-read-next__title{font-size:2rem;font-weight:400;margin:0 0 .8rem;line-height:1.4}.article-read-next__meta{font-size:1.4rem;color:rgba(var(--color-foreground),.6);margin:0 0 1.5rem;line-height:1.4}.article-read-next__link{font-size:1.4rem;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3em;transition:opacity .2s ease}.article-read-next__link:hover{opacity:.7}.article-related-products{max-width:100%!important}.article-related-products{padding:4rem 0;margin:4rem 0}@media screen and (min-width:750px){.article-related-products{padding:6rem 0;margin:6rem 0}}.article-related-products--left{text-align:left}.article-related-products--center{text-align:center}.article-related-products--right{text-align:right}.article-related-products--left .article-related-products__grid{justify-content:flex-start}.article-related-products--center .article-related-products__grid{justify-content:center}.article-related-products--right .article-related-products__grid{justify-content:flex-end}.article-related-products__heading{font-size:24px;font-weight:300;font-style:light;letter-spacing:.1em;margin-bottom:48px;color:#26292b}.article-related-products__heading--uppercase{text-transform:uppercase}.article-related-products__grid{display:flex;flex-wrap:wrap;gap:2rem}@media screen and (min-width:750px){.article-related-products__grid{gap:3rem}}.article-related-products__product{display:block;text-decoration:none;color:inherit;width:240px;transition:opacity .2s ease}@media screen and (min-width:750px){.article-related-products__product{width:260px}}.article-related-products__product:hover{opacity:.8}.article-related-products__product-image{position:relative;width:240px;height:240px;overflow:hidden;margin-bottom:1.5rem;background-color:rgba(var(--color-foreground),.03)}@media screen and (min-width:750px){.article-related-products__product-image{width:260px;height:260px}}.article-related-products__product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-related-products__product:hover .article-related-products__product-image img{transform:scale(1.03)}.article-related-products__product-image .placeholder-svg{position:absolute;top:0;left:0;width:100%;height:100%;fill:rgba(var(--color-foreground),.1)}.article-related-products__product-title{font-size:1.4rem;font-weight:400;letter-spacing:.06em;line-height:1.4;margin:0 0 .5rem}.article-related-products__product-title--uppercase{text-transform:uppercase}.article-related-products__product-price{font-size:1.4rem;color:rgba(var(--color-foreground),.7);margin:0}.article-related-products__empty{text-align:center;color:rgba(var(--color-foreground),.6)}.article-caption{display:block;font-size:1.4rem;color:rgba(var(--color-foreground),.6);text-align:center;line-height:1.6;margin:17px auto 80px;max-width:50%}@media screen and (max-width:749px){.article-caption{max-width:80%}}.article-quote{display:block;width:100vw;position:relative;left:50%;margin-left:-50vw;margin-right:-50vw;margin-top:4rem;margin-bottom:4rem;padding:4rem 1.5rem;background-color:rgba(var(--color-foreground),.04);border:none;text-align:center;line-height:1.8;color:rgba(var(--color-foreground),.8);box-sizing:border-box}.article-quote p{margin:0 auto;max-width:var(--page-width);padding:0 1.5rem}@media screen and (min-width:750px){.article-quote{padding:5rem 0;margin-top:5rem;margin-bottom:5rem}.article-quote p{padding:0 5rem}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/section-article-page.css.map */