.article-hero{--article-hero-navy: var(--Navy-Blue, #003550);--article-hero-white: var(--White, #ffffff);--article-hero-grey: var(--Grey, #666b7b);--article-hero-image-padding: 8px;--article-hero-title-margin: 8px;--article-hero-radius: 8px;--article-hero-title-radius: 8px;position:relative;width:100%;box-sizing:border-box}.article-hero__inner{position:relative;z-index:1;padding:var(--article-hero-image-padding)}.article-hero__frame{position:relative;overflow:hidden;width:100%;aspect-ratio:374 / 505;border-radius:var(--article-hero-radius);background:#00355014}.article-hero__image,.article-hero__placeholder{width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;display:block}.article-hero__back{position:absolute;top:16px;left:8px;z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--article-hero-white);color:var(--article-hero-navy);box-shadow:0 2px 10px #00355014;text-decoration:none;transition:transform .2s ease}.article-hero__back svg{width:32px;height:32px;display:block}.article-hero__back:hover{transform:translate(-2px)}.article-hero__back:focus-visible{outline:2px solid var(--article-hero-navy);outline-offset:2px}.article-hero__title-block{position:absolute;z-index:2;left:var(--article-hero-title-margin);right:var(--article-hero-title-margin);bottom:var(--article-hero-title-margin);display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--article-hero-white);border-radius:var(--article-hero-title-radius);box-shadow:0 4px 16px #00355014}.article-hero__date{margin:0;color:var(--article-hero-grey);font-family:var(--font-body--family);font-size:12px;font-weight:400;line-height:1.2}.article-hero__title{margin:0;color:var(--article-hero-navy);font-family:var(--font-heading--family),"Prata",serif;font-size:28px;font-weight:400;line-height:32px;letter-spacing:-.56px}@media screen and (min-width:750px){.article-hero{--article-hero-image-padding: 4px;--article-hero-title-margin: 24px;--article-hero-radius: 8px;--article-hero-title-radius: 16px}.article-hero__frame{aspect-ratio:1432 / 505}.article-hero__back{top:24px;left:24px;height:52px;width:52px}.article-hero__back svg{width:32px;height:32px}.article-hero__title-block{gap:24px;padding:36px}.article-hero__date{font-size:14px}.article-hero__title{font-size:38px;letter-spacing:-.76px;line-height:40px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/article-hero.css.map */