.template-blog .header:not(.header--sticky) .header__icon{color:var(--color-white)}.blog-hero{position:relative;background-color:var(--blog-hero-bg, var(--color-blue-100));overflow:hidden}.blog-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(about-texture.jpg) center / cover no-repeat;opacity:.2;pointer-events:none}.blog-hero:has(.blog-hero__background):before{content:none}.blog-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.blog-hero__background-image{inline-size:100%;block-size:100%;object-fit:cover}.blog-hero__inner{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-block-size:calc(var(--fluid-312-312) - 80px + var(--blog-hero-pt-mobile, 40px) + var(--blog-hero-pb-mobile, 40px));padding-block:var(--blog-hero-pt-mobile, 40px) var(--blog-hero-pb-mobile, 40px);padding-inline:var(--fluid-24-40) var(--fluid-32-40)}.blog-hero__text{display:flex;flex-direction:column;gap:var(--fluid-32-40)}.blog-hero__title{margin:0;margin-inline:auto;max-inline-size:var(--fluid-200-200);font-size:var(--fluid-36-36);letter-spacing:-.02em;color:var(--color-blue-950);text-align:center}.blog-hero__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--fluid-12-12) var(--fluid-8-12);margin:0;padding:0;list-style:none}.blog-hero__filters .oilogic-pill{padding:calc(var(--spacing-12) - var(--border-width)) calc(var(--spacing-16) - var(--border-width));font-size:var(--fluid-16-16);font-weight:var(--font-weight-light);line-height:var(--line-height-body-loose);text-transform:uppercase}.blog-hero__filters .oilogic-pill:hover{background-color:var(--color-brand-blue);color:var(--color-white)}.blog-hero__decoration{display:none}@media(min-width:768px){.blog-hero__inner{min-block-size:calc(var(--fluid-273-273) - 88px + var(--blog-hero-pt-desktop, 40px) + var(--blog-hero-pb-desktop, 48px));padding-block:var(--blog-hero-pt-desktop, 40px) var(--blog-hero-pb-desktop, 48px)}.blog-hero__decoration{display:block;position:absolute;inset-block-end:calc(-1 * var(--fluid-60-60));inset-inline-end:var(--fluid-128-128);inline-size:var(--fluid-290-290);block-size:auto;pointer-events:none;z-index:calc(var(--z-header) + 1)}body:has(.header--sticky) .blog-hero__decoration{z-index:0}.blog-hero__title{margin-inline:0;max-inline-size:none;color:var(--color-gray-800);text-align:start}.blog-hero__filters{justify-content:flex-start;gap:var(--fluid-12-12)}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-blog-hero.css.map */