p,h1,h2,h3,h4,h5,h6{margin:0}.ctr-article-header{padding:4rem 0 2rem}.ctr-article-header__container{max-width:var(--max-content-width);margin:0 auto;padding:0 20px}.ctr-article-header__inner{position:relative;z-index:1}@media screen and (min-width:750px){.ctr-article-header__inner.ctr-article-header__inner--container{padding:50px 60px;border-radius:24px;background-color:var(--container-background-color);overflow:hidden}.ctr-article-header__inner.ctr-article-header__inner--container .ctr-article-header__content{max-width:630px;width:60%}.ctr-article-header__inner.ctr-article-header__inner--container .ctr-article-header__author{margin-top:26px}}@media screen and (min-width:992px){.ctr-article-header__inner.ctr-article-header__inner--container{padding:50px 80px}}.ctr-article-header__inner.ctr-article-header__inner--container .ctr-article-header__headline:before{content:"";position:absolute;top:-8px;left:-20px;width:96px;height:96px;background-color:#dfe87b;border-radius:50%;z-index:-1}.ctr-article-header__container-image,.ctr-article-header__container-image img{width:100%;height:100%;object-fit:cover}.ctr-article-header__container-image.m-desktop{display:none;position:absolute;top:0;left:0}@media screen and (min-width:750px){.ctr-article-header__container-image.m-desktop{display:block}}.ctr-article-header__container-image.m-mobile{aspect-ratio:4 / 2.7}.ctr-article-header__container-image.m-mobile img{border-radius:24px}@media screen and (min-width:750px){.ctr-article-header__container-image.m-mobile{display:none}}.ctr-article-header__container-image-overlay{display:block!important;position:absolute;top:0;left:0;width:100%;height:100%}.ctr-article-header__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px}.ctr-article-header__headline{position:relative;font-family:var(--font-heading-family)}.ctr-article-header__headline h1{font-size:3.2rem;line-height:1.03;letter-spacing:.4px;font-weight:900;color:rgb(var(--color-foreground));margin:0}@media screen and (min-width:750px){.ctr-article-header__headline h1{font-size:40px}}@media screen and (min-width:992px){.ctr-article-header__headline h1{font-size:60px;letter-spacing:.5px;line-height:1}}.ctr-article-header__headline h2{font-size:3.2rem;line-height:1.03;letter-spacing:-.02em;font-weight:900;color:rgb(var(--color-foreground));margin:0}@media screen and (min-width:750px){.ctr-article-header__headline h2{font-size:40px}}@media screen and (min-width:992px){.ctr-article-header__headline h2{font-size:50px;line-height:1.2}}.ctr-article-header__text{font-size:16px;line-height:1.68;color:rgb(var(--color-foreground));margin-top:-8px}@media screen and (min-width:750px){.ctr-article-header__text{margin-top:0;font-size:18px;line-height:1.6}}.ctr-article-header__author{display:flex;align-items:center;gap:16px}@media screen and (min-width:750px){.ctr-article-header__author{gap:24px}}.ctr-article-header__author-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:rgba(var(--color-foreground),.1)}.ctr-article-header__author-avatar img{width:100%;height:100%;object-fit:cover}.ctr-article-header__author-avatar--placeholder{display:flex;align-items:center;justify-content:center}.ctr-article-header__author-avatar--placeholder svg{width:70px;height:70px;fill:rgba(var(--color-foreground),.3)}.ctr-article-header__author-info{display:flex;flex-direction:column;gap:2px}.ctr-article-header__author-label{font-size:18px;color:rgb(var(--color-foreground));line-height:1.1;letter-spacing:-.36px}.ctr-article-header__author-subline{font-size:15px;line-height:1.35;letter-spacing:-.02em;color:rgba(var(--color-foreground),.72)}.ctr-article-header__author-subline p{margin:0}.ctr-article-header__author-date{font-size:14px;color:rgba(var(--color-foreground),.6)}.ctr-article-header__trust-bar{margin-top:16px;padding:16px;background:var(--gradient-background);border-radius:8px}@media screen and (min-width:750px){.ctr-article-header__trust-bar{margin-top:8px;padding:16px 24px}}.ctr-article-header__trust-bar-content{font-size:14px;line-height:normal;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.ctr-article-header__trust-bar-content{font-size:16px}}.ctr-article-header__trust-bar-content p{margin:0}
/*# sourceMappingURL=/cdn/shop/t/149/assets/ctr-article-header.css.map */