.blog-grid{--blog-grid-small-h: clamp(443px, 48vh, 620px);--blog-grid-big-max-w: clamp(692px, 46vw, 860px);--blog-grid-text-max-w: 34rem;padding-top:0;padding-bottom:max(var(--space-11),50vh);position:relative;min-height:100vh}body:has(.blog-grid),body.template-blog-magazine-blog{--color-header-transparent-background: var(--color-header-text)}.blog-grid__splash{position:fixed;top:var(--header-height, 0);right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-atomic-white));color:rgb(var(--color-atomic-black));text-align:center;padding:var(--space-7);transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility 0s linear .5s}.blog-grid--ready .blog-grid__splash{opacity:0;visibility:hidden;pointer-events:none}.blog-grid__splash-inner{max-width:900px}.blog-grid__splash-title{margin:0;font-family:var(--font-heading-family);font-weight:400;font-size:var(--font-size-H1);line-height:.9375;letter-spacing:-.04em;color:rgb(var(--color-atomic-black))}.blog-grid__splash-subtitle{margin:var(--space-4) 0 0;font-family:var(--font-heading-family);font-size:var(--font-size-B2);font-weight:400;line-height:1.4;color:rgb(var(--color-atomic-black))}.blog-grid__overlay{position:sticky;top:calc(50vh + var(--header-height, 0px) / 2);z-index:5;display:flex;justify-content:center;align-items:center;height:0;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1) .2s}.blog-grid--ready .blog-grid__overlay{opacity:1}.blog-grid__overlay-inner{max-width:900px;text-align:center}.blog-grid__magazine-title{margin:0;font-family:var(--font-heading-family);font-weight:400;font-size:var(--font-size-H1);line-height:.9375;letter-spacing:-.04em;color:rgb(var(--color-atomic-white));text-wrap:pretty}.blog-grid__magazine-subtitle{visibility:hidden;pointer-events:none;margin:var(--space-4) 0 0;font-family:var(--font-heading-family);font-size:var(--font-size-B2);font-weight:400;line-height:1.4}@media screen and (min-width:990px){.blog-grid__splash-title,.blog-grid__magazine-title{font-size:10rem}}.blog-grid__pill-bar{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);z-index:3;max-width:calc(100vw - var(--space-5) * 2);opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1) .2s}.blog-grid--ready .blog-grid__pill-bar{opacity:1}.blog-grid__list{display:flex;flex-direction:column;gap:var(--space-14);width:100%;max-width:1440px;margin:0 auto;padding:0;transform:translateY(100svh);transition:transform .7s cubic-bezier(.4,0,.2,1)}.blog-grid--ready .blog-grid__list{transform:translateY(0)}.blog-grid__slot--filter-hidden,.blog-grid__group--filter-hidden{display:none!important}.blog-grid__slot{opacity:0;transform:translateY(16px);transition:opacity var(--blog-grid-tile-fade, 1.2s) cubic-bezier(.4,0,.2,1),transform var(--blog-grid-tile-fade, 1.2s) cubic-bezier(.4,0,.2,1)}.blog-grid__slot--in-view{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.blog-grid__slot{opacity:1;transform:none;transition:none}}.blog-grid__sentinel{width:100%;height:1px;margin:0;padding:0;pointer-events:none}.blog-grid__group{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:var(--space-5);row-gap:calc(var(--space-14) * 2);width:100%}.blog-grid__slot{margin:0;min-width:0}.blog-grid__slot--big{grid-row:1 / 3;width:100%;max-width:var(--blog-grid-big-max-w);display:flex}.blog-grid__slot--small{height:var(--blog-grid-small-h);aspect-ratio:4 / 5;width:auto}.blog-grid__group--a .blog-grid__slot--big{grid-column:1;justify-self:start;padding-top:17rem;padding-bottom:var(--space-12)}.blog-grid__group--a .blog-grid__slot--small-top{grid-column:2;grid-row:1;justify-self:end}.blog-grid__group--a .blog-grid__slot--small-bottom{grid-column:2;grid-row:2;justify-self:center}.blog-grid__group--b{margin-top:var(--space-14)}.blog-grid__group--b .blog-grid__slot--big{grid-column:2;justify-self:end;padding-bottom:var(--space-12);transform:translateY(calc(var(--space-12) * -1))}.blog-grid__group--b .blog-grid__slot--small-top{grid-column:1;grid-row:1;justify-self:start}.blog-grid__group--b .blog-grid__slot--small-bottom{grid-column:1;grid-row:2;width:100%;max-width:var(--blog-grid-big-max-w);height:auto;aspect-ratio:5 / 4;justify-self:start}.blog-grid__link{display:flex;flex-direction:column;text-decoration:none;color:inherit;width:100%;height:100%}.blog-grid__media{width:100%;overflow:hidden;margin-bottom:var(--space-4);flex:1;min-height:0}.blog-grid__media picture{display:block;width:100%;height:100%}.blog-grid__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s cubic-bezier(.4,0,.2,1)}.blog-grid__link:hover .blog-grid__image{transform:scale(1.1)}@media(prefers-reduced-motion:reduce){.blog-grid__image{transition:none}.blog-grid__link:hover .blog-grid__image{transform:none}}.blog-grid__title{margin:0 auto;max-width:var(--blog-grid-text-max-w);font-family:var(--font-heading-family);font-size:var(--font-size-B2);font-weight:500;line-height:1.2;text-align:center;color:rgb(var(--color-atomic-black))}.blog-grid__category{margin:var(--space-3) auto 0;max-width:var(--blog-grid-text-max-w);font-family:var(--font-heading-family);font-size:var(--font-size-B4);font-weight:400;line-height:1.2;text-align:center;color:rgba(var(--color-atomic-black) / .6)}.blog-grid__empty{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;padding:var(--space-7) var(--space-5)}.blog-grid__empty-text{margin:0;font-size:var(--font-size-md, 1rem);color:var(--color-foreground)}.blog-grid__empty-link{display:inline-block;padding:var(--space-2) var(--space-4);border:1px solid currentColor;border-radius:999px;text-decoration:none;color:var(--color-foreground);font-size:var(--font-size-sm, .875rem)}.blog-grid__empty-link:hover{background:var(--color-foreground);color:var(--color-background)}.blog-grid__pagination{display:flex;justify-content:center;margin-top:var(--space-7)}@media screen and (max-width:989px){.blog-grid__splash{position:relative;inset:auto;z-index:auto;width:100%;height:auto;min-height:calc(100svh - var(--header-height, 0px));background:rgb(var(--color-atomic-white));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-7) var(--space-5);text-align:center;transition:min-height .7s cubic-bezier(.4,0,.2,1),padding-top .7s cubic-bezier(.4,0,.2,1)}.blog-grid--ready .blog-grid__splash{min-height:0;padding-top:calc(var(--space-10) * 2);padding-bottom:var(--space-12);opacity:1;visibility:visible;pointer-events:auto}.blog-grid__splash-inner{width:100%;max-width:none}.blog-grid__splash-title,.blog-grid__splash-subtitle{text-align:center}.blog-grid__overlay{display:none}.blog-grid__pill-bar{position:static;width:auto;max-width:calc(100% - var(--space-5) * 2);margin:0 auto var(--space-9);box-shadow:none;opacity:1;transform:translateY(100svh);transition:transform .7s cubic-bezier(.4,0,.2,1)}.blog-grid--ready .blog-grid__pill-bar{transform:translateY(0)}.blog-grid__list{gap:var(--space-12)}.blog-grid__group{display:flex;flex-direction:column;gap:var(--space-12)}.blog-grid__slot--big{width:100%;max-width:none;align-self:stretch}.blog-grid__group--a .blog-grid__slot--small-top{order:1}.blog-grid__group--a .blog-grid__slot--small-bottom{order:2}.blog-grid__group--a .blog-grid__slot--big{order:3}.blog-grid__list>.blog-grid__group:first-child .blog-grid__slot--small-top .blog-grid__media{max-height:50vh}.blog-grid__group--a .blog-grid__slot--big,.blog-grid__group--b .blog-grid__slot--big{padding-top:0;padding-bottom:0}.blog-grid__group--b .blog-grid__slot--big{transform:none;width:75%;align-self:flex-end}.blog-grid__group--b .blog-grid__slot--big .blog-grid__media{aspect-ratio:3 / 4.25}.blog-grid__slot--small{width:80%;max-width:343px;height:auto;aspect-ratio:auto}.blog-grid__group--a .blog-grid__slot--small-top{width:70%;align-self:flex-end}.blog-grid__group--a .blog-grid__slot--small-bottom{align-self:flex-start}.blog-grid__group--b{align-items:flex-end;margin-top:0}.blog-grid__group--b .blog-grid__slot--small-top{width:70%;align-self:flex-start}.blog-grid__group--b .blog-grid__slot--small-bottom{width:80%;max-width:343px;align-self:flex-end;aspect-ratio:auto}.blog-grid__slot--big .blog-grid__media{flex:initial;aspect-ratio:3 / 5}.blog-grid__slot--small .blog-grid__media{flex:initial;aspect-ratio:4 / 5}.blog-grid__title,.blog-grid__category{padding-left:0;text-align:center}}@media(prefers-reduced-motion:reduce){.blog-grid__splash,.blog-grid__overlay,.blog-grid__pill-bar,.blog-grid__list{transition:none}.blog-grid__list{transform:translateY(0)}@media screen and (max-width:989px){.blog-grid__splash,.blog-grid__pill-bar{transition:none}.blog-grid__pill-bar{transform:translateY(0)}}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/blog-grid.css.map */