.article-hero__inner{display:flex;flex-wrap:wrap;justify-content:space-between}.article-hero__content{position:relative;width:100%}.article-hero__content .breadcrumb{margin-bottom:2.2rem}.article-hero__content-inner{position:relative;font-size:var(--font-size-small);text-align:center;z-index:2}.article-hero__tags{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem}.article-hero__tags .label{font-size:var(--font-size-smallest)}.article-hero__title{font-size:var(--font-size-small);margin-bottom:3rem;margin-top:0}.article-hero__author{color:#765c3d;display:none}.article-hero__image{aspect-ratio:60/32;position:relative;width:80%;margin:0 auto}.article-hero__image picture{display:flex;align-items:center;width:100%;height:100%}.article-hero__image img{width:100%;height:auto}.show-scrapbook-effect .article-hero__background{clip-path:url(#c-13)}.show-scrapbook-effect .article-hero__scrapbook{clip-path:url(#c-13);left:5%;transform:rotate(-8deg);width:90%}.show-scrapbook-effect .article-hero__image picture{clip-path:url(#c-13)}@media screen and (min-width:750px){.article-hero__content-inner{font-size:var(--font-size-medium);text-align:left}.article-hero__tags{justify-content:flex-start;margin-bottom:.8rem}.article-hero__tags .label{font-size:var(--font-size-medium)}.article-hero__title{font-size:calc(var(--font-heading-scale) * 4.8rem);margin-bottom:1rem}.article-hero__author{display:block;margin-bottom:3rem}.article-hero__image{margin:0;width:100%}.article-hero__image picture img{border-radius:var(--border-radius-large)}.show-scrapbook-effect .article-hero__image picture img{border-radius:0}.show-scrapbook-effect .article-hero__image picture{transform:rotate(-8deg)}.show-scrapbook-effect .article-hero__scrapbook{height:104%;left:5%;transform:unset;width:94%}}@media screen and (min-width:990px){.article-hero__background{padding:0 5rem}.article-hero__content{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.article-hero__inner{flex-wrap:nowrap;padding:0}.article-hero__title{justify-content:flex-start;max-width:70rem}.article-hero__author{margin-bottom:0}.article-hero__image{max-width:60rem}.article-hero__image img{position:absolute;top:0;left:0;height:100%;object-fit:cover}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/article-hero.css.map */