.seo-blog{--page-content-width: var(--normal-page-width);--page-width: calc(var(--page-content-width) + (var(--page-margin) * 2));--seo-blog-accent: var(--color-foreground);--seo-blog-border: rgb(var(--color-foreground-rgb) / var(--opacity-15, .15));--seo-blog-muted: rgb(var(--color-foreground-rgb) / var(--opacity-70, .7));--seo-blog-soft: rgb(var(--color-foreground-rgb) / var(--opacity-5, .05));--seo-blog-card-radius: var(--style-border-radius-lg, 1rem);width:100%;min-width:0;max-width:80%;margin-inline:auto;padding-block:var(--seo-blog-padding-top) var(--seo-blog-padding-bottom)}.seo-blog,.seo-blog *{box-sizing:border-box}.seo-blog a{color:inherit}.seo-blog-hero{max-width:54rem;padding-block-end:clamp(2rem,5vw,4rem)}.seo-blog-hero__eyebrow,.seo-blog-featured__eyebrow,.seo-blog-newsletter__eyebrow,.seo-blog-product__label{margin:0 0 .7rem;color:var(--seo-blog-muted);font-size:.78rem;font-weight:700;letter-spacing:.11em;line-height:1.3;text-transform:uppercase}.seo-blog-hero__title{margin:0;color:var(--color-foreground-heading, var(--color-foreground));font-family:var(--font-heading--family, inherit);font-size:clamp(2.5rem,5.2vw,5.2rem);font-style:var(--font-heading--style, normal);font-weight:var(--font-heading--weight, 700);letter-spacing:-.04em;line-height:1;overflow-wrap:anywhere;text-wrap:balance}.seo-blog-hero__description{max-width:44rem;margin-block-start:1.25rem;color:var(--seo-blog-muted);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.7}.seo-blog-hero__description>:first-child,.seo-blog-newsletter__text>:first-child{margin-block-start:0}.seo-blog-hero__description>:last-child,.seo-blog-newsletter__text>:last-child{margin-block-end:0}.seo-blog-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-block-end:clamp(2rem,4vw,3.25rem)}.seo-blog-tags__link{display:inline-flex;min-height:2.4rem;align-items:center;justify-content:center;padding:.52rem .9rem;border:1px solid var(--seo-blog-border);border-radius:999px;background:var(--color-background);font-size:.84rem;line-height:1;text-decoration:none;white-space:nowrap;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}.seo-blog-tags__link:is(:hover,:focus-visible),.seo-blog-tags__link.is-active{border-color:var(--seo-blog-accent);background:var(--seo-blog-accent);color:var(--color-background);outline:none;transform:translateY(-1px)}.seo-blog-layout{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) minmax(17rem,20rem);gap:clamp(2.25rem,5vw,4.5rem);align-items:start}.seo-blog-layout--single{grid-template-columns:minmax(0,1fr)}.seo-blog-main,.seo-blog-sidebar{min-width:0}.seo-blog-featured{min-width:0;overflow:hidden;border:1px solid var(--seo-blog-border);border-radius:var(--seo-blog-card-radius);background:var(--color-background)}.seo-blog-featured__link{display:grid;min-height:clamp(25rem,40vw,36rem);grid-template-columns:minmax(0,1.08fr) minmax(17rem,.92fr);text-decoration:none}.seo-blog-featured__media,.seo-blog-card__media{position:relative;min-width:0;overflow:hidden;background:var(--seo-blog-soft);isolation:isolate}.seo-blog-media__backdrop{position:absolute;z-index:-1;top:-1.5rem;right:-1.5rem;bottom:-1.5rem;left:-1.5rem;overflow:hidden}.seo-blog-media__backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(26px);opacity:.24;transform:scale(1.08)}.seo-blog-featured__image,.seo-blog-featured__placeholder,.seo-blog-card__image,.seo-blog-card__placeholder{display:block;width:100%;height:100%;transition:transform .28s ease}.seo-blog-featured__image,.seo-blog-card__image{object-fit:cover}.seo-blog-featured__placeholder,.seo-blog-card__placeholder{object-fit:contain}.seo-blog-media__tag{position:absolute;z-index:1;top:1rem;left:1rem;max-width:calc(100% - 2rem);padding:.42rem .7rem;overflow:hidden;border-radius:999px;background:var(--color-background);box-shadow:0 .3rem 1rem rgb(var(--color-shadow-rgb, 0 0 0) / .08);color:var(--color-foreground);font-size:.72rem;font-weight:650;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.seo-blog-featured__body{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(1.5rem,4vw,3.25rem)}.seo-blog-featured__body h2{margin:0;color:var(--color-foreground-heading, var(--color-foreground));font-family:var(--font-heading--family, inherit);font-size:clamp(1.8rem,3.2vw,3.25rem);letter-spacing:-.025em;line-height:1.08;overflow-wrap:anywhere;text-wrap:balance;transition:color .18s ease}.seo-blog-featured__excerpt{display:-webkit-box;margin:1rem 0 0;overflow:hidden;color:var(--seo-blog-muted);font-size:.96rem;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:4}.seo-blog-featured__meta,.seo-blog-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;color:var(--seo-blog-muted);font-size:.78rem;line-height:1.4}.seo-blog-featured__meta{margin-block-start:1.25rem}.seo-blog-featured__cta{margin-block-start:1.2rem;font-size:.88rem;font-weight:700;text-decoration:underline;text-underline-offset:.2em}.seo-blog-featured__link:is(:hover,:focus-visible){outline:none}.seo-blog-featured__link:is(:hover,:focus-visible) .seo-blog-featured__image{transform:scale(1.025)}.seo-blog-featured__link:is(:hover,:focus-visible) h2{color:var(--seo-blog-accent);text-decoration:none}.seo-blog-featured:has(.seo-blog-featured__link:focus-visible){box-shadow:0 0 0 3px rgb(var(--color-foreground-rgb) / .18)}.seo-blog-articles{margin-block-start:clamp(3rem,6vw,5rem)}.seo-blog-articles__heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-block-end:1.35rem}.seo-blog-articles__heading h2{margin:0;color:var(--color-foreground-heading, var(--color-foreground));font-size:clamp(1.65rem,2.5vw,2.35rem);letter-spacing:-.025em;line-height:1.15}.seo-blog-articles__heading>span{flex:0 0 auto;color:var(--seo-blog-muted);font-size:.82rem}.seo-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:1.25rem}.seo-blog-card{display:flex;height:100%;min-width:0;flex-direction:column}.seo-blog-card__link{display:flex;height:100%;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--seo-blog-border);border-radius:var(--seo-blog-card-radius);background:var(--color-background);text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.seo-blog-card__media{aspect-ratio:16 / 10;flex:0 0 auto}.seo-blog-card__body{display:flex;min-width:0;min-height:0;flex:1 1 auto;flex-direction:column;padding:1.15rem}.seo-blog-card__body h3{display:-webkit-box;margin:0;overflow:hidden;color:var(--color-foreground-heading, var(--color-foreground));font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:3;transition:color .18s ease}.seo-blog-card__body>p{display:-webkit-box;margin:.7rem 0 0;overflow:hidden;color:var(--seo-blog-muted);font-size:.86rem;line-height:1.58;-webkit-box-orient:vertical;-webkit-line-clamp:3}.seo-blog-card__meta{margin-block-start:auto;padding-block-start:1rem}.seo-blog-card__link:is(:hover,:focus-visible){border-color:rgb(var(--color-foreground-rgb) / .42);box-shadow:0 .8rem 2rem rgb(var(--color-shadow-rgb, 0 0 0) / .1);outline:none;transform:translateY(-3px)}.seo-blog-card__link:is(:hover,:focus-visible) .seo-blog-card__image{transform:scale(1.035)}.seo-blog-card__link:is(:hover,:focus-visible) h3{color:var(--seo-blog-accent);text-decoration:none}.seo-blog-sidebar{position:sticky;top:calc(var(--header-height, 72px) + 1.5rem);display:grid;gap:1.25rem;align-self:start}.seo-blog-sidebar__card{width:100%;min-width:0;padding:1.35rem;border:1px solid var(--seo-blog-border);border-radius:var(--seo-blog-card-radius);background:var(--color-background)}.seo-blog-sidebar__heading{margin:0 0 1rem;color:var(--color-foreground-heading, var(--color-foreground));font-size:1.12rem;line-height:1.25}.seo-blog-products{display:grid;grid-auto-rows:auto;gap:.8rem}.seo-blog-product{display:grid;min-width:0;grid-template-columns:4.75rem minmax(0,1fr);gap:.8rem;padding:.6rem;overflow:hidden;border:1px solid var(--seo-blog-border);border-radius:var(--style-border-radius-md, .8rem);background:var(--color-background);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.seo-blog-product--featured{display:flex;flex-direction:column;padding:.75rem;background:var(--seo-blog-soft)}.seo-blog-product__media{width:4.75rem;aspect-ratio:1;overflow:hidden;border-radius:var(--style-border-radius-sm, .6rem);background:var(--seo-blog-soft)}.seo-blog-product--featured .seo-blog-product__media{width:100%;aspect-ratio:4 / 3;background:var(--color-background)}.seo-blog-product__media :is(img,svg){display:block;width:100%;height:100%;object-fit:contain;transition:transform .24s ease}.seo-blog-product__body{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.seo-blog-product--featured .seo-blog-product__body{width:100%;padding:.45rem .2rem .15rem}.seo-blog-product__label{margin-block-end:.35rem;font-size:.66rem}.seo-blog-product h3{display:-webkit-box;margin:0 0 .3rem;overflow:hidden;color:var(--color-foreground-heading, var(--color-foreground));font-size:.85rem;font-weight:650;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color .18s ease}.seo-blog-product--featured h3{font-size:1rem}.seo-blog-product__price{color:var(--seo-blog-muted);font-size:.8rem}.seo-blog-product__cta{margin-block-start:auto;padding-block-start:.55rem;color:var(--color-foreground);font-size:.76rem;font-weight:700;text-decoration:underline;text-underline-offset:.18em}.seo-blog-product:is(:hover,:focus-visible){border-color:rgb(var(--color-foreground-rgb) / .42);box-shadow:0 .55rem 1.4rem rgb(var(--color-shadow-rgb, 0 0 0) / .09);outline:none;transform:translateY(-2px)}.seo-blog-product:is(:hover,:focus-visible) img{transform:scale(1.04)}.seo-blog-product:is(:hover,:focus-visible) h3{color:var(--seo-blog-accent)}.seo-blog-newsletter{background:var(--seo-blog-soft)}.seo-blog-newsletter__eyebrow{margin-block-end:.5rem}.seo-blog-newsletter .seo-blog-sidebar__heading{margin-block-end:.65rem;font-size:clamp(1.35rem,2.2vw,1.7rem);letter-spacing:-.02em}.seo-blog-newsletter__text{color:var(--seo-blog-muted);font-size:.88rem;line-height:1.58}.seo-blog-newsletter__form{display:grid;gap:.65rem;margin-block-start:1rem}.seo-blog-newsletter__input,.seo-blog-newsletter__button{width:100%;min-height:2.75rem;border-radius:var(--style-border-radius-md, .8rem);font:inherit}.seo-blog-newsletter__input{padding:.7rem .85rem;border:1px solid var(--seo-blog-border);background:var(--color-background);color:var(--color-foreground);font-size:.88rem}.seo-blog-newsletter__input:focus-visible{border-color:var(--seo-blog-accent);box-shadow:0 0 0 3px rgb(var(--color-foreground-rgb) / .12);outline:none}.seo-blog-newsletter__button{padding:.7rem 1rem;border:1px solid var(--seo-blog-accent);background:var(--seo-blog-accent);color:var(--color-background);cursor:pointer;font-size:.86rem;font-weight:700;transition:box-shadow .18s ease,opacity .18s ease,transform .18s ease}.seo-blog-newsletter__button:is(:hover,:focus-visible){box-shadow:0 .55rem 1.3rem rgb(var(--color-shadow-rgb, 0 0 0) / .14);opacity:.88;outline:none;transform:translateY(-2px)}.seo-blog-newsletter__message{margin:0;color:var(--seo-blog-muted);font-size:.8rem;line-height:1.45}.seo-blog-pagination{display:grid;grid-template-columns:minmax(6rem,1fr) auto minmax(6rem,1fr);gap:1rem;align-items:center;margin-block-start:clamp(2.5rem,5vw,4rem);padding-block-start:1.25rem;border-block-start:1px solid var(--seo-blog-border)}.seo-blog-pagination__arrow,.seo-blog-pagination__pages a,.seo-blog-pagination__pages span{display:inline-flex;min-width:2.5rem;min-height:2.5rem;align-items:center;justify-content:center;border-radius:999px;font-size:.82rem;line-height:1}.seo-blog-pagination__arrow{gap:.4rem;justify-self:start;padding:.55rem .85rem;border:1px solid var(--seo-blog-border);text-decoration:none}.seo-blog-pagination__arrow:last-child{justify-self:end}.seo-blog-pagination__arrow:not(.is-disabled):is(:hover,:focus-visible),.seo-blog-pagination__pages a:is(:hover,:focus-visible){border-color:var(--seo-blog-accent);outline:none}.seo-blog-pagination__arrow.is-disabled{opacity:.38}.seo-blog-pagination__pages{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center}.seo-blog-pagination__pages a{border:1px solid transparent;text-decoration:none}.seo-blog-pagination__pages .is-current{background:var(--seo-blog-accent);color:var(--color-background);font-weight:700}.seo-blog-pagination__pages .seo-blog-pagination__ellipsis{min-width:1.5rem;color:var(--seo-blog-muted)}.seo-blog-empty{padding:clamp(2rem,6vw,5rem);border:1px solid var(--seo-blog-border);border-radius:var(--seo-blog-card-radius);background:var(--seo-blog-soft);text-align:center}.seo-blog-empty h2{margin:0;color:var(--color-foreground-heading, var(--color-foreground));font-size:clamp(1.6rem,3vw,2.3rem)}.seo-blog-empty p{margin:.8rem 0 0;color:var(--seo-blog-muted)}.seo-blog-empty a{display:inline-block;margin-block-start:1rem;font-weight:700;text-underline-offset:.2em}@media screen and (max-width:1439px){.seo-blog{max-width:100%}}@media screen and (max-width:989px){.seo-blog-layout{grid-template-columns:minmax(0,1fr)}.seo-blog-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.seo-blog-featured__link{grid-template-columns:minmax(0,1.05fr) minmax(16rem,.95fr)}}@media screen and (max-width:749px){.seo-blog{--page-margin: 16px;padding-block-start:min(var(--seo-blog-padding-top),1.5rem);overflow:hidden}.seo-blog-hero{padding-block-end:1.75rem}.seo-blog-hero__title{font-size:clamp(2.35rem,12vw,3.6rem)}.seo-blog-tags{width:calc(100% + (var(--page-margin) * 2));margin-inline:calc(var(--page-margin) * -1);padding-inline:var(--page-margin);overflow-x:auto;flex-wrap:nowrap;overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.seo-blog-tags::-webkit-scrollbar{display:none}.seo-blog-featured__link{min-height:0;grid-template-columns:minmax(0,1fr)}.seo-blog-featured__media{aspect-ratio:4 / 3}.seo-blog-featured__body{padding:1.35rem}.seo-blog-featured__body h2{font-size:clamp(1.65rem,8vw,2.4rem)}.seo-blog-grid,.seo-blog-sidebar{grid-template-columns:minmax(0,1fr)}.seo-blog-grid{gap:1rem}.seo-blog-card__media{aspect-ratio:16 / 9}.seo-blog-pagination{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.seo-blog-pagination__pages{grid-column:1 / -1;grid-row:1}.seo-blog-pagination__arrow{width:100%;justify-self:stretch}.seo-blog-pagination__arrow:last-child{justify-self:stretch}}@media(prefers-reduced-motion:reduce){.seo-blog *,.seo-blog *:before,.seo-blog *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-seo-blog-template.css.map */