.seo-blog{--seo-blog-max-width: min(var(--container-max-width), 1280px);--seo-blog-border: rgb(var(--text-color, var(--text-primary)) / .12);--seo-blog-muted: rgb(var(--text-color, var(--text-primary)) / .68);--seo-blog-soft: rgb(var(--text-color, var(--text-primary)) / .05);--seo-blog-hover: rgb(var(--text-color, var(--text-primary)) / .08);width:min(100% - (var(--container-gutter) * 2),var(--seo-blog-max-width));margin-inline:auto;padding-block:var(--spacing-6) var(--spacing-16);color:rgb(var(--text-color, var(--text-primary)))}.seo-blog,.seo-blog__layout,.seo-blog__main,.seo-blog-grid{min-width:0;max-width:100%}.seo-blog a{color:inherit}.seo-blog__layout{display:grid;gap:var(--spacing-9);align-items:start}.seo-blog__main{display:grid;gap:var(--spacing-9)}.seo-blog-hero{display:grid;gap:var(--spacing-5);padding-block-end:var(--spacing-8);border-bottom:1px solid var(--seo-blog-border)}.seo-blog-hero__content{display:grid;gap:var(--spacing-4)}.seo-blog-hero__title{max-width:14ch;margin:0;font-family:var(--heading-font-family);font-size:clamp(2.1rem,4vw,4.25rem);font-weight:var(--heading-font-weight);line-height:1.05;letter-spacing:0}.seo-blog-hero__description{max-width:70ch;color:var(--seo-blog-muted);font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.7}.seo-blog-hero__description>*{margin:0}.seo-blog-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.seo-blog-tags__item{display:inline-flex;align-items:center;min-height:38px;padding:0 var(--spacing-4);border:1px solid var(--seo-blog-border);border-radius:min(var(--rounded),8px);color:var(--seo-blog-muted);font-size:var(--text-sm);font-weight:700;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.seo-blog-tags__item:hover,.seo-blog-tags__item:focus-visible,.seo-blog-tags__item.is-active{border-color:rgb(var(--text-color, var(--text-primary)) / .24);background:var(--seo-blog-hover);color:rgb(var(--text-color, var(--text-primary)))}.seo-blog-featured,.seo-blog-listing{display:grid;gap:var(--spacing-5)}.seo-blog-section-heading{display:grid;gap:var(--spacing-1)}.seo-blog-section-heading__eyebrow{margin:0;color:var(--seo-blog-muted);font-size:var(--text-xs);font-weight:700;line-height:1.4;text-transform:uppercase}.seo-blog-section-heading__title{margin:0;font-size:var(--text-h5);line-height:1.25;letter-spacing:0}.seo-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-5)}.seo-blog-card{height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--seo-blog-border);border-radius:min(var(--rounded-lg),8px);background:rgb(var(--background-primary));transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.seo-blog-card:hover,.seo-blog-card:focus-within{border-color:rgb(var(--text-color, var(--text-primary)) / .24);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.seo-blog-card--featured{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);align-items:stretch}.seo-blog-card__media{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:16 / 10;overflow:hidden;background:var(--seo-blog-soft);text-decoration:none}.seo-blog-card--featured .seo-blog-card__media{min-height:360px;aspect-ratio:auto}.seo-blog-card__tag{position:absolute;z-index:2;inset-block-start:var(--spacing-3);inset-inline-start:var(--spacing-3);max-width:calc(100% - var(--spacing-6));padding:.45rem .65rem;overflow:hidden;border:1px solid rgb(var(--background-primary) / .72);border-radius:min(var(--rounded),8px);background:rgb(var(--background-primary) / .92);box-shadow:var(--shadow-xs);color:rgb(var(--text-color, var(--text-primary)));font-size:var(--text-xs);font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap}.seo-blog-card__backdrop{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;width:calc(100% + 28px);height:calc(100% + 28px);object-fit:cover;filter:blur(18px);opacity:.26;transform:scale(1.04)}.seo-blog-card__image{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.seo-blog-card:hover .seo-blog-card__image,.seo-blog-card:focus-within .seo-blog-card__image{transform:scale(1.03)}.seo-blog-card__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-5)}.seo-blog-card--featured .seo-blog-card__body{justify-content:center;padding:var(--spacing-7)}.seo-blog-card__title{display:-webkit-box;margin:0;overflow:hidden;font-size:var(--text-h5);line-height:1.25;letter-spacing:0;-webkit-box-orient:vertical;-webkit-line-clamp:3}.seo-blog-card--featured .seo-blog-card__title{font-size:clamp(1.55rem,2.4vw,2.35rem);line-height:1.12}.seo-blog-card__title a{text-decoration:none;transition:color .2s ease}.seo-blog-card__title a:hover,.seo-blog-card__title a:focus-visible{color:rgb(var(--accent))}.seo-blog-card__excerpt{display:-webkit-box;margin:0;overflow:hidden;color:var(--seo-blog-muted);line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.seo-blog-card__meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:var(--spacing-2) var(--spacing-4);color:var(--seo-blog-muted);font-size:var(--text-sm);line-height:1.5}.seo-blog-card__meta span{display:inline-flex;align-items:center;gap:.35rem}.seo-blog-pagination{margin-block-start:var(--spacing-2)}.seo-blog-empty{display:grid;justify-items:center;gap:var(--spacing-5);padding-block:var(--spacing-16);text-align:center}.seo-blog-empty__icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--seo-blog-border);border-radius:999px;color:var(--seo-blog-muted)}.seo-blog-empty__title{margin:0;font-size:var(--text-h4);letter-spacing:0}@media screen and (max-width:1149px){.seo-blog-card--featured{grid-template-columns:minmax(0,1fr)}.seo-blog-card--featured .seo-blog-card__media{min-height:0;aspect-ratio:16 / 10}}@media screen and (max-width:989px){.seo-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:699px){.seo-blog{width:min(100% - (var(--spacing-5) * 2),100%);padding-block:var(--spacing-3) var(--spacing-10);overflow:hidden}.seo-blog__main{gap:var(--spacing-7)}.seo-blog-hero{gap:var(--spacing-4);padding-block-end:var(--spacing-6)}.seo-blog-hero__title{max-width:100%;font-size:clamp(1.8rem,9vw,2.75rem)}.seo-blog-tags{flex-wrap:nowrap;overflow-x:auto;padding-block-end:var(--spacing-1);scrollbar-width:none}.seo-blog-tags::-webkit-scrollbar{display:none}.seo-blog-grid{grid-template-columns:minmax(0,1fr)}.seo-blog-card__media{aspect-ratio:4 / 3}.seo-blog-card__body,.seo-blog-card--featured .seo-blog-card__body{padding:var(--spacing-4)}.seo-blog-card--featured .seo-blog-card__title{font-size:clamp(1.45rem,7vw,2rem)}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/section-seo-blog-template.css.map */