.blog-page{background:var(--color-surface-warm);min-height:100vh}.blog-page-header{position:relative;padding:var(--space-16) var(--gutter) var(--space-20);text-align:center;overflow:hidden}.blog-page-header__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.blog-page-header__eyebrow{font-family:var(--font-display);font-size:var(--text-eyebrow);font-weight:var(--weight-medium);color:var(--color-green-dark);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:var(--space-3);text-align:center}.blog-page-header__title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:var(--leading-heading);text-align:center}.blog-float{position:absolute;border-radius:50%;pointer-events:none;animation:blogFloat linear infinite}.blog-float--a{width:120px;height:120px;background:var(--color-green-light);opacity:.35;top:-20px;left:8%;animation-duration:8s;animation-delay:0s}.blog-float--b{width:48px;height:48px;background:var(--color-orange);opacity:.28;top:25%;right:12%;animation-duration:6s;animation-delay:-2s}.blog-float--c{width:80px;height:80px;background:var(--color-yellow);opacity:.4;bottom:8%;left:18%;animation-duration:9s;animation-delay:-4s}.blog-float--d{width:32px;height:32px;background:var(--color-green-dark);opacity:.2;top:18%;left:58%;animation-duration:7s;animation-delay:-1.5s}@keyframes blogFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-18px) rotate(8deg)}66%{transform:translateY(-8px) rotate(-5deg)}}.blog-tag{display:inline-block;font-size:var(--text-tag);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-green-dark);background:#32b44a1a;padding:4px 10px;border-radius:var(--radius-full)}.blog-meta-sep{opacity:.4}.listing-featured{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:center;max-width:var(--content-max-width);margin:0 auto var(--space-12);padding:0 var(--gutter)}.listing-featured__image-wrap{display:block;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16 / 9}.listing-featured__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.listing-featured__image-wrap:hover .listing-featured__image{transform:scale(1.03)}.listing-featured__content{padding:var(--space-4) 0}.listing-featured__title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);line-height:var(--leading-snug);margin:var(--space-3) 0 var(--space-4)}.listing-featured__title a{color:var(--color-text-primary);text-decoration:none;transition:color .2s}.listing-featured__title a:hover{color:var(--color-green-dark)}.listing-featured__excerpt{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-body);margin-bottom:var(--space-5)}.listing-featured__link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-green-dark);text-decoration:none;border-bottom:2px solid var(--color-green-dark);padding-bottom:2px;transition:opacity .2s}.listing-featured__link:hover{opacity:.75}.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);max-width:var(--content-max-width);margin:0 auto var(--space-12);padding:0 var(--gutter)}.listing-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .4s ease}.listing-card.visible{opacity:1;transform:translateY(0)}.listing-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.listing-card.visible:hover{transform:translateY(-4px)}.listing-card__image-wrap{display:block;aspect-ratio:16 / 9;overflow:hidden}.listing-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.listing-card__image-wrap:hover .listing-card__image{transform:scale(1.04)}.listing-card__body{padding:var(--space-5)}.listing-card__title{font-family:var(--font-display);font-size:var(--text-h4);font-weight:var(--weight-semibold);line-height:var(--leading-snug);margin:var(--space-2) 0 var(--space-3)}.listing-card__title a{color:var(--color-text-primary);text-decoration:none;transition:color .2s}.listing-card__title a:hover{color:var(--color-green-dark)}.listing-card__excerpt{font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:var(--leading-body);margin-bottom:var(--space-4)}.listing-card__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--color-text-muted);flex-wrap:wrap;margin-top:var(--space-4)}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-6) var(--gutter) var(--space-16)}.blog-pagination__btn{font-family:var(--font-display);font-size:var(--text-body-sm);font-weight:var(--weight-medium);color:var(--color-green-dark);text-decoration:none;padding:var(--space-2) var(--space-5);border:2px solid var(--color-green-dark);border-radius:var(--radius-full);transition:background .2s,color .2s}.blog-pagination__btn:hover{background:var(--color-green-dark);color:var(--color-text-on-dark)}.blog-pagination__btn--disabled{opacity:.3;cursor:default;pointer-events:none}.blog-pagination__count{font-size:var(--text-body-sm);color:var(--color-text-muted)}.blog-empty{text-align:center;padding:var(--space-16) var(--gutter);font-size:var(--text-body);color:var(--color-text-muted)}@media(max-width:1023px){.listing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.blog-page-header{padding-top:var(--space-10);padding-bottom:var(--space-12)}.listing-featured{grid-template-columns:1fr;gap:var(--space-5)}.listing-featured__title{font-size:var(--text-h3)}.listing-grid{grid-template-columns:1fr;gap:var(--space-5)}.blog-float--a{width:72px;height:72px}.blog-float--b{width:36px;height:36px}.blog-float--c{width:52px;height:52px}.blog-float--d{display:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/blog.css.map */