.sp-blog,.sp-blog-card,.sp-quiz-cta{--sp-green: #0F3D23;--sp-cream: #ECE4D0;--sp-page-bg: #FFFBEF;--sp-wheat: #B8CE6A;--sp-barley: #5C7844;--sp-oat: #F8BF3F;--sp-text: #3d3d3d;--sp-text-muted: #7a7a6e;--sp-radius: 8px;--sp-radius-lg: 12px;--sp-font-display: "HWT Unit Gothic", "Arial Black", sans-serif;--sp-font-body: "Host Grotesk", "Inter", system-ui, sans-serif}.sp-blog__hero{background-color:var(--sp-green);padding:64px 24px 56px;text-align:center}.sp-blog__hero-inner{max-width:640px;margin:0 auto}.sp-blog__hero-eyebrow{font-family:var(--sp-font-body);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--sp-wheat);margin:0 0 12px}.sp-blog__hero-title{font-family:var(--sp-font-display);font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.1;color:var(--sp-cream);margin:0 0 16px;text-transform:uppercase}.sp-blog__hero-desc{font-family:var(--sp-font-body);font-size:17px;line-height:1.6;color:#d4c9b8;margin:0}.sp-blog__filters{position:sticky;top:0;z-index:10;background-color:var(--sp-page-bg);border-bottom:1px solid rgba(15,61,35,.1);padding:0 24px}.sp-blog__filters-inner{max-width:1200px;margin:0 auto;display:flex;gap:8px;padding:16px 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.sp-blog__filters-inner::-webkit-scrollbar{display:none}.sp-blog__filter{flex-shrink:0;font-family:var(--sp-font-body);font-size:14px;font-weight:500;padding:8px 20px;border-radius:24px;border:1px solid rgba(15,61,35,.2);background:transparent;color:var(--sp-green);text-decoration:none;transition:all .2s ease;white-space:nowrap}.sp-blog__filter:hover{background-color:#0f3d230f;border-color:var(--sp-green);color:var(--sp-green)}.sp-blog__filter--active{background-color:var(--sp-green);border-color:var(--sp-green);color:var(--sp-cream)}.sp-blog__filter--active:hover{background-color:var(--sp-green);color:var(--sp-cream)}.sp-blog__content{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.sp-blog__featured{margin-bottom:48px}.sp-blog__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media(max-width:767px){.sp-blog__grid{grid-template-columns:1fr;gap:24px}}.sp-blog-card{display:flex;flex-direction:column;background:var(--sp-cream);border-radius:var(--sp-radius-lg);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.sp-blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0f3d2314}.sp-blog-card__image{display:block;overflow:hidden;position:relative}.sp-blog-card__image img,.sp-blog-card__image .lazy-image{width:100%;height:auto;display:block}.sp-blog-card__body{padding:20px 24px 24px;display:flex;flex-direction:column;flex:1}.sp-blog-card__meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sp-blog-card__category{font-family:var(--sp-font-body);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--sp-barley)}.sp-blog-card__read-time{font-family:var(--sp-font-body);font-size:12px;color:var(--sp-text-muted)}.sp-blog-card__title{font-family:var(--sp-font-display);font-size:20px;font-weight:700;line-height:1.25;color:var(--sp-green);margin:0 0 10px;text-transform:uppercase}.sp-blog-card__title a{color:inherit;text-decoration:none}.sp-blog-card__title a:hover{color:var(--sp-barley)}.sp-blog-card__excerpt{font-family:var(--sp-font-body);font-size:15px;line-height:1.6;color:var(--sp-text);margin:0 0 auto;padding-bottom:16px}.sp-blog-card__footer{display:flex;align-items:center;gap:8px;font-family:var(--sp-font-body);font-size:13px;color:var(--sp-text-muted);margin-top:auto}.sp-blog-card__separator{opacity:.4}.sp-blog-card--featured{display:grid;grid-template-columns:55% 1fr;background:var(--sp-cream);border-radius:var(--sp-radius-lg);overflow:hidden}@media(max-width:767px){.sp-blog-card--featured{grid-template-columns:1fr}}.sp-blog-card__image--featured{display:block;overflow:hidden}.sp-blog-card__image--featured img,.sp-blog-card__image--featured .lazy-image{width:100%;height:100%;object-fit:cover;display:block}.sp-blog-card__body--featured{padding:32px;display:flex;flex-direction:column;justify-content:center}.sp-blog-card__title--featured{font-size:clamp(22px,2.5vw,28px);margin-bottom:14px}.sp-blog-card__excerpt--featured{font-size:16px;margin-bottom:20px}.sp-blog-card__cta{display:inline-flex;align-items:center;gap:8px;font-family:var(--sp-font-body);font-size:14px;font-weight:600;color:var(--sp-green);text-decoration:none;margin-top:auto;transition:gap .2s ease}.sp-blog-card__cta:hover{gap:12px;color:var(--sp-barley)}.sp-blog-card__cta svg{transition:transform .2s ease}.sp-blog-card__cta:hover svg{transform:translate(2px)}.sp-quiz-cta{grid-column:1 / -1;padding:4px 0}.sp-quiz-cta__inner{background-color:var(--sp-green);border-radius:var(--sp-radius-lg);padding:48px 40px;text-align:center}.sp-quiz-cta__icon{color:var(--sp-oat);margin-bottom:16px}.sp-quiz-cta__heading{font-family:var(--sp-font-display);font-size:clamp(22px,3vw,28px);font-weight:700;text-transform:uppercase;color:var(--sp-cream);margin:0 0 12px}.sp-quiz-cta__text{font-family:var(--sp-font-body);font-size:16px;line-height:1.6;color:#d4c9b8;max-width:480px;margin:0 auto 24px}.sp-quiz-cta__button{display:inline-flex;align-items:center;gap:8px;font-family:var(--sp-font-body);font-size:15px;font-weight:600;padding:14px 32px;background-color:var(--sp-oat);color:var(--sp-green);border-radius:var(--sp-radius);text-decoration:none;transition:all .2s ease}.sp-quiz-cta__button:hover{background-color:#f0b42e;gap:12px;color:var(--sp-green)}.sp-blog__pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:56px;padding-top:32px;border-top:1px solid rgba(15,61,35,.1)}.sp-blog__page-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--sp-font-body);font-size:14px;font-weight:600;color:var(--sp-green);text-decoration:none;padding:10px 20px;border-radius:var(--sp-radius);border:1px solid rgba(15,61,35,.2);transition:all .2s ease}.sp-blog__page-btn:hover{background-color:var(--sp-green);border-color:var(--sp-green);color:var(--sp-cream)}.sp-blog__page-info{font-family:var(--sp-font-body);font-size:14px;color:var(--sp-text-muted)}.sp-blog__empty{max-width:480px;margin:80px auto;text-align:center;font-family:var(--sp-font-body);font-size:16px;color:var(--sp-text-muted)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-blog-custom.css.map */