.blog-landing{display:flex;flex-direction:column;gap:4rem;padding-left:var(--page-margin);padding-right:var(--page-margin);max-width:var(--page-width);margin:0 auto;width:100%;box-sizing:border-box}.blog-landing__header{text-align:center;padding:3rem 1rem;border-bottom:1px solid rgb(var(--color-foreground-rgb) / .08)}.blog-landing__eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .45);margin:0 0 1rem}.blog-landing__title{font-size:clamp(2rem,4vw,3rem);font-weight:400;line-height:1.15;letter-spacing:-.02em;margin:0 0 1rem;color:rgb(var(--color-foreground-rgb))}.blog-landing__subheading{font-size:1rem;color:rgb(var(--color-foreground-rgb) / .55);max-width:480px;margin:0 auto;line-height:1.7}.blog-landing__category{display:flex;flex-direction:column;gap:1.5rem}.blog-landing__category-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgb(var(--color-foreground-rgb) / .08)}.blog-landing__category-title-group{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.blog-landing__category-title{font-size:1.15rem;font-weight:500;letter-spacing:-.01em;margin:0;color:rgb(var(--color-foreground-rgb));text-transform:capitalize}.blog-landing__tag{display:inline-block;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:4px 14px;border-radius:100px;line-height:1.6;font-weight:500}.blog-landing__tag--1{background:#f5ede3;color:#7b4a22}.blog-landing__tag--2{background:#e4eee2;color:#2f5e2a}.blog-landing__tag--3{background:#ede5f5;color:#562b8e}.blog-landing__tag--4{background:#e3ebf5;color:#1e3a5f}.blog-landing__tag--5{background:#f5e8e3;color:#7b2222}.blog-landing__tag--6{background:#f0f5e3;color:#3a5e1e}.blog-landing__view-all{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;letter-spacing:.04em;color:rgb(var(--color-foreground-rgb) / .5);white-space:nowrap;text-decoration:none;border:1px solid rgb(var(--color-foreground-rgb) / .15);padding:7px 18px;border-radius:100px;transition:all .2s ease}.blog-landing__view-all:hover{background:rgb(var(--color-foreground-rgb) / .04);border-color:rgb(var(--color-foreground-rgb) / .3);color:rgb(var(--color-foreground-rgb) / .8)}.blog-landing__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}@media screen and (max-width:989px){.blog-landing__cards{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.blog-landing__cards{grid-template-columns:1fr;gap:1.25rem}}.blog-landing__card{display:flex;flex-direction:column;border:1px solid rgb(var(--color-foreground-rgb) / .08);border-radius:12px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;background:rgb(var(--color-background-rgb, 255 255 255))}.blog-landing__card:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgb(var(--color-foreground-rgb) / .07);border-color:rgb(var(--color-foreground-rgb) / .15)}.blog-landing__card-img-link{display:block;overflow:hidden}.blog-landing__card-img-wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:rgb(var(--color-foreground-rgb) / .04)}.blog-landing__card-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform .45s ease;background:rgb(var(--color-foreground-rgb) / .03)}.blog-landing__card:hover .blog-landing__card-img{transform:scale(1.05)}.blog-landing__card-body{padding:1.1rem 1.25rem 1.5rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.blog-landing__card-meta{font-size:.7rem;color:rgb(var(--color-foreground-rgb) / .4);margin:0;letter-spacing:.04em;text-transform:uppercase}.blog-landing__card-title{font-size:1rem;font-weight:500;line-height:1.45;margin:0;color:rgb(var(--color-foreground-rgb));letter-spacing:-.01em}.blog-landing__card-title a{text-decoration:none;color:inherit}.blog-landing__card-title a:hover{text-decoration:underline;text-underline-offset:3px}.blog-landing__card-excerpt{font-size:.85rem;color:rgb(var(--color-foreground-rgb) / .55);line-height:1.6;margin:0}.blog-landing__empty{font-size:.85rem;color:rgb(var(--color-foreground-rgb) / .4);grid-column:1 / -1;padding:1rem 0}@media screen and (max-width:749px){.blog-landing{gap:3rem}.blog-landing__header{padding:2rem .5rem}.blog-landing__title{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/blog-landing.css.map */