.hpn-listicle-article-header{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;padding-top:var(--hpn-listicle-padding-top-desktop);padding-right:36px;padding-bottom:var(--hpn-listicle-padding-bottom-desktop);padding-left:36px;background:var(--hpn-listicle-bg-color);color:var(--hpn-listicle-text-color)}.hpn-listicle-article-header *,.hpn-listicle-article-header *:before,.hpn-listicle-article-header *:after{box-sizing:border-box}.hpn-listicle-article-header__bg{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0}.hpn-listicle-article-header__bg-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hpn-listicle-article-header__bg:after{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:var(--hpn-listicle-bg-color);opacity:var(--hpn-listicle-bg-overlay-opacity);pointer-events:none}.hpn-listicle-article-header__inner{width:100%;max-width:var(--hpn-listicle-max-width);margin:0 auto;padding:0}.hpn-listicle-article-header__title{max-width:1040px;margin:0 auto 18px;color:var(--hpn-listicle-title-color);font-family:inherit;font-size:var(--hpn-listicle-title-size-desktop);line-height:1.06;font-weight:var(--hpn-listicle-title-weight);letter-spacing:-.035em;text-align:center}.hpn-listicle-article-header__title--solo{margin-bottom:70px}.hpn-listicle-article-header__subheading{max-width:860px;margin:0 auto 70px;color:var(--hpn-listicle-subtitle-color);font-family:inherit;font-size:var(--hpn-listicle-subtitle-size-desktop);line-height:1.28;font-weight:var(--hpn-listicle-subtitle-weight);letter-spacing:-.02em;text-align:center}.hpn-listicle-article-header__author-row{display:flex;align-items:center;gap:20px;padding:24px 0;border-top:1px solid var(--hpn-listicle-separator-color);border-bottom:1px solid var(--hpn-listicle-separator-color)}.hpn-listicle-article-header__avatar-wrap{width:112px;height:112px;flex:0 0 112px;overflow:hidden;border:4px solid var(--hpn-listicle-avatar-border-color);border-radius:999px;background:#fff}.hpn-listicle-article-header__avatar{display:block;width:100%;height:100%;object-fit:cover}.hpn-listicle-article-header__meta{display:flex;min-width:0;flex-direction:column;gap:4px;color:var(--hpn-listicle-text-color)}.hpn-listicle-article-header__author,.hpn-listicle-article-header__updated{margin:0;color:inherit;font-family:inherit;font-size:30px;line-height:1.25;font-weight:400;letter-spacing:-.02em}.hpn-listicle-article-header__after-author{width:100%;max-width:1160px;margin:24px auto 0}.hpn-listicle-article-header__description{max-width:1080px;margin:0 0 14px;color:var(--hpn-listicle-text-color);font-family:inherit;font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.025em}.hpn-listicle-article-header__description>*{margin-top:0!important}.hpn-listicle-article-header__description p{margin:0 0 12px!important}.hpn-listicle-article-header__description p:last-child{margin-bottom:0!important}.hpn-listicle-article-header__description strong,.hpn-listicle-article-header__description b{font-weight:900}.hpn-listicle-article-header__note{width:100%;max-width:720px;margin:0;padding:16px 20px;border-left:4px solid var(--hpn-listicle-title-color);background:var(--hpn-listicle-bg-color);background:color-mix(in srgb,var(--hpn-listicle-title-color) 7%,var(--hpn-listicle-bg-color));color:var(--hpn-listicle-text-color);font-family:inherit;font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-.025em}.hpn-listicle-article-header__note-label{display:inline;color:var(--hpn-listicle-title-color);font-weight:900}.hpn-listicle-article-header__note-text{display:inline;color:var(--hpn-listicle-text-color)}.hpn-listicle-article-header__note-text p{display:inline;margin:0!important}.hpn-listicle-article-header__note-text strong,.hpn-listicle-article-header__note-text b{font-weight:900}@media screen and (min-width:990px){.hpn-listicle-article-header{padding-right:36px;padding-left:36px}.hpn-listicle-article-header__inner{padding:0}.hpn-listicle-article-header__title{max-width:1180px;margin-bottom:7px}.hpn-listicle-article-header__title--solo{margin-bottom:76px}.hpn-listicle-article-header__subheading{max-width:920px;margin-bottom:20px}.hpn-listicle-article-header__author-row{max-width:1160px;margin:0 auto;padding:18px 0;justify-content:flex-start}.hpn-listicle-article-header__avatar-wrap{width:76px;height:76px;flex-basis:76px}.hpn-listicle-article-header__author,.hpn-listicle-article-header__updated{font-size:16px}.hpn-listicle-article-header__after-author{margin-top:20px}.hpn-listicle-article-header__description{font-size:20px}.hpn-listicle-article-header__note{font-size:18px}}@media screen and (max-width:989px){.hpn-listicle-article-header{padding-right:36px;padding-left:36px}.hpn-listicle-article-header__inner{width:100%;padding:0}.hpn-listicle-article-header__title{margin-bottom:16px}.hpn-listicle-article-header__title--solo,.hpn-listicle-article-header__subheading{margin-bottom:58px}.hpn-listicle-article-header__author-row{gap:26px;padding:12px 0}.hpn-listicle-article-header__avatar-wrap{width:96px;height:96px;flex-basis:96px}.hpn-listicle-article-header__author,.hpn-listicle-article-header__updated{font-size:26px}.hpn-listicle-article-header__after-author{margin-top:20px}.hpn-listicle-article-header__description{font-size:22px}.hpn-listicle-article-header__note{max-width:100%;font-size:20px}}@media screen and (max-width:749px){.hpn-listicle-article-header{padding-top:var(--hpn-listicle-padding-top-mobile);padding-right:25px;padding-bottom:var(--hpn-listicle-padding-bottom-mobile);padding-left:25px}.hpn-listicle-article-header__inner{width:100%;padding:0}.hpn-listicle-article-header__title{max-width:100%;margin-bottom:14px;font-size:var(--hpn-listicle-title-size-mobile);line-height:1.08;letter-spacing:-.04em}.hpn-listicle-article-header__title--solo{margin-bottom:78px}.hpn-listicle-article-header__subheading{max-width:100%;margin-bottom:20px;font-size:var(--hpn-listicle-subtitle-size-mobile);line-height:1.3}.hpn-listicle-article-header__author-row{gap:14px;padding:12px 0}.hpn-listicle-article-header__avatar-wrap{width:58px;height:58px;flex-basis:58px;border-width:3px}.hpn-listicle-article-header__author,.hpn-listicle-article-header__updated{font-size:12px;line-height:1.28}.hpn-listicle-article-header__after-author{margin-top:18px}.hpn-listicle-article-header__description{font-size:18px;line-height:1.28}.hpn-listicle-article-header__note{max-width:100%;padding:14px 16px;font-size:17px;line-height:1.25}}@media screen and (max-width:420px){.hpn-listicle-article-header{padding-right:18px;padding-left:18px}.hpn-listicle-article-header__inner{width:100%;padding:0}.hpn-listicle-article-header__title{margin-bottom:12px;font-size:calc(var(--hpn-listicle-title-size-mobile) * .9)}.hpn-listicle-article-header__title--solo{margin-bottom:54px}.hpn-listicle-article-header__subheading{margin-bottom:54px;font-size:calc(var(--hpn-listicle-subtitle-size-mobile) * .9)}.hpn-listicle-article-header__author-row{gap:14px;padding:12px 0}.hpn-listicle-article-header__avatar-wrap{width:58px;height:58px;flex-basis:58px}.hpn-listicle-article-header__author,.hpn-listicle-article-header__updated{font-size:12px}.hpn-listicle-article-header__description{font-size:17px}.hpn-listicle-article-header__note{padding:13px 14px;font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/179/assets/hpn-listicle-article-header.css.map */