.blog-shell{--compass-accent: 228, 116, 36;--compass-slate: 136, 148, 146;--compass-chamfer: 2.4rem;position:relative;isolation:isolate;overflow:hidden}.blog{position:relative}blog-sort{display:block}.blog-sort__toolbar{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1.6rem 2.4rem;margin-block-end:2.4rem}.blog-sort__fields{display:flex;gap:1.6rem;max-width:100%}.blog-sort__field{display:flex;flex-direction:column;align-items:stretch;gap:.6rem;min-width:0;max-width:100%}.blog-sort__field label{font-size:1.4rem;line-height:1.5;white-space:nowrap;color:rgba(var(--color-foreground),.7)}.blog-sort__select-wrap{position:relative;min-width:22rem;max-width:100%}.blog-sort__field--year .blog-sort__select-wrap{min-width:13rem}.blog-sort__select-wrap select{-webkit-appearance:none;appearance:none;width:100%;min-height:4.8rem;padding:1.2rem 4.4rem 1.2rem 1.6rem;border:.1rem solid rgba(var(--color-foreground),.16);border-radius:.4rem;color:rgb(var(--color-foreground));background:rgb(var(--color-background));font:inherit;font-size:1.6rem;line-height:1.5;cursor:pointer}.blog-sort__select-wrap select:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.blog-sort__select-wrap select:disabled{cursor:wait;opacity:.6}.blog-sort__select-wrap>svg{position:absolute;inset-inline-end:1.6rem;top:50%;width:1.6rem;height:1.6rem;transform:translateY(-50%);pointer-events:none}.blog-sort__feedback{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem;padding-block:1.2rem}.blog-sort__status{margin:0;font-size:1.3rem;line-height:1.5;color:rgba(var(--color-foreground),.65)}.blog-sort__retry{min-height:4.4rem;padding:.8rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.16);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;cursor:pointer}.js blog-sort:defined[data-loading] [data-blog-grid],.js blog-sort:defined[data-loading] [data-blog-pagination],.no-js .blog-sort__toolbar,.no-js .blog-sort__feedback,blog-sort:not(:defined) .blog-sort__toolbar,blog-sort:not(:defined) .blog-sort__feedback{display:none}@media(hover:hover){.blog-sort__select-wrap select:hover,.blog-sort__retry:hover{border-color:rgba(var(--color-foreground),.4);background:rgba(var(--color-foreground),.025)}}@media screen and (max-width:749px){.blog-sort__toolbar{gap:.8rem}.blog-sort__fields{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:1.2rem;width:100%}.blog-sort__field{max-width:100%}.blog-sort__select-wrap,.blog-sort__field--year .blog-sort__select-wrap{min-width:0}.blog-sort__select-wrap select{padding-inline:1.2rem 3.2rem;font-size:1.4rem}.blog-sort__select-wrap>svg{inset-inline-end:1.2rem;width:1.2rem;height:1.2rem}.blog-sort__feedback{padding-block:0}}.blog__head{display:flex;overflow:auto hidden;margin-block-end:calc(4rem - (var(--h3-multiplier) / 5));justify-content:center;-webkit-mask-image:linear-gradient(to left,transparent 0%,black calc(var(--page-gutter) * 2));mask-image:linear-gradient(to left,transparent 0%,black calc(var(--page-gutter) * 2))}.blog__filters{max-width:100%}.blog__filters a,.blog__filters span{display:block;width:max-content;line-height:var(--line-height-static-sm)}.blog__filters-item:not(.is-active){color:rgba(var(--color-foreground),.25)}.blog__filters-item:not(.is-active):hover{color:rgba(var(--color-foreground),.5)}.blog__filters-items{display:flex;column-gap:var(--section-spacing-unit-size)}.blog__filters-item:first-child{padding-inline-start:var(--page-gutter)}.blog__filters-item:last-child{padding-inline-end:var(--page-gutter)}.blog__articles-grid{display:grid;overflow-wrap:anywhere;gap:2.4rem;text-align:start}.blog__actions{margin-block-start:6.4rem}.blog__card-text{margin-block-end:calc(0rem - var(--grid-spacing))}.blog .blog__card-article{position:relative;min-width:0}.blog .blog__card-article:before{content:"";position:absolute;inset-block-start:0;inset-inline-end:0;width:var(--compass-chamfer);height:var(--compass-chamfer);z-index:3;pointer-events:none;background:linear-gradient(to bottom left,transparent calc(50% - .06rem),rgba(var(--color-foreground),.22) 50%,transparent calc(50% + .06rem));transition:background var(--duration-default)}.blog .blog__card-article>a{position:relative;display:flex;flex-direction:column;height:100%;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.12);clip-path:polygon(0 0,calc(100% - var(--compass-chamfer)) 0,100% var(--compass-chamfer),100% 100%,0 100%);transition:border-color var(--duration-default),background var(--duration-default),transform var(--duration-long, .4s) cubic-bezier(.2,.7,.2,1)}.blog .blog__card-article>a:after{content:"";position:absolute;inset-inline:0;inset-block-end:-.1rem;height:.2rem;z-index:3;background:linear-gradient(90deg,rgb(var(--compass-accent)),rgba(var(--compass-slate),.9) 60%,transparent);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-extra-long, .6s) cubic-bezier(.2,.7,.2,1)}.blog .blog__card-article .card-article__media{flex-shrink:0;border-radius:0;background-color:rgba(var(--color-foreground),.06)}.blog .blog__card-article .card-article__index{position:absolute;inset-block-start:1.6rem;inset-inline-start:1.6rem;z-index:4;display:inline-flex;align-items:center;gap:.8rem;padding:.6rem 1.2rem .6rem 1rem;font-family:var(--font-button-family);font-size:1.1rem;line-height:1;letter-spacing:.2em;color:rgb(var(--color-foreground));background:rgba(var(--color-background),.94);border:.1rem solid rgba(var(--color-foreground),.12);-webkit-backdrop-filter:blur(1rem) saturate(140%);backdrop-filter:blur(1rem) saturate(140%)}.blog .blog__card-article .card-article__index:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:rgb(var(--compass-accent));box-shadow:0 0 .8rem rgba(var(--compass-accent),.9)}.blog .blog__card-article .card-article__content{flex:1;align-items:stretch;padding:2.4rem 2.4rem 2rem;text-align:start}.blog .blog__card-article .card-article__title{margin:0 0 2.4rem;font-family:var(--font-heading-family);font-size:1.9rem;line-height:1.3;letter-spacing:-.01em;color:rgb(var(--color-heading-text));text-decoration:none}.blog .blog__card-article .card-article__entry{margin-block-end:2.4rem;color:rgba(var(--color-foreground),.7);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.blog .blog__card-article .card-article__meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin-block-start:auto;padding-block-start:1.6rem;padding-inline-end:4.8rem;border-block-start:.1rem solid rgba(var(--color-foreground),.1);font-size:1.1rem;letter-spacing:.16em;color:rgba(var(--color-foreground),.6)}.blog .blog__card-article .article-card__author:empty{display:none}.blog .blog__card-article .article-card__author:not(:empty)+.article-card__date:before{content:"";display:inline-block;width:1.6rem;height:.1rem;margin-inline-end:1.2rem;vertical-align:middle;background:rgba(var(--compass-slate),.8)}.blog .blog__card-article .card-article__arrow{position:absolute;inset-inline-end:2.4rem;inset-block-end:1.6rem;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;font-size:1.8rem;border:.1rem solid rgba(var(--color-foreground),.2);transition:background-color var(--duration-default),color var(--duration-default),border-color var(--duration-default)}.blog .blog__card-article .card-article__arrow svg{transition:transform var(--duration-default)}.blog .blog__card-article>a:focus-visible{outline:.2rem solid rgb(var(--compass-accent));outline-offset:.2rem}@media(hover:hover){.blog .blog__card-article>a:hover{transform:translateY(-.4rem);border-color:rgba(var(--color-foreground),.3);background:rgba(var(--color-foreground),.025)}.blog .blog__card-article:hover:before{background:linear-gradient(to bottom left,transparent calc(50% - .06rem),rgba(var(--compass-accent),.9) 50%,transparent calc(50% + .06rem))}.blog .blog__card-article>a:hover:after{transform:scaleX(1)}.blog .blog__card-article>a:hover .card-article__arrow{color:rgb(var(--color-background));background-color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.blog .blog__card-article>a:hover .card-article__arrow svg{transform:translate(.3rem)}}.blog .blog__card-article--featured .card-article__title{font-size:clamp(2.4rem,3vw,3.6rem);line-height:1.15;letter-spacing:-.02em}.blog .blog__card-article--featured .card-article__media{aspect-ratio:16 / 10}.blog__actions .pagination ul{gap:.8rem}.blog__actions .pagination li,.blog__actions .pagination li+li{width:auto;margin:0;border:0}.blog__actions .pagination li>a,.blog__actions .pagination li>span{min-width:4.4rem;min-height:4.4rem;padding:0 1.2rem;border-radius:0;font-family:var(--font-button-family);font-size:1.3rem;letter-spacing:.1em;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.03);border:.1rem solid rgba(var(--color-foreground),.16)}.blog__actions .pagination .pagination__current{color:rgb(var(--color-background));background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));box-shadow:0 0 2.4rem rgba(var(--compass-slate),.45)}@media(hover:hover){.blog__actions .pagination a:hover{border-color:rgba(var(--compass-accent),.9);color:rgb(var(--color-foreground));background:rgba(var(--compass-accent),.08)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.blog .blog__card-article{animation:compass-rise linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}}@keyframes compass-rise{0%{opacity:0;transform:translateY(3.2rem)}to{opacity:1;transform:none}}@media(hover:hover){.blog__filters a:hover{background-color:rgb(var(--color-background))}}@media screen and (min-width:575px){.blog__articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog .blog__card-article--featured{grid-column:1 / -1}.blog__card-text{margin-block-end:0}}@media screen and (min-width:750px){.blog__head{margin-block-end:calc(6.4rem - (var(--h4-multiplier) / 5))}.blog__filters-items{font-size:calc(var(--font-heading-scale) * var(--h4-multiplier));padding-block:calc(var(--h4-multiplier) / 5)}.blog__articles-grid{margin:0;gap:3.2rem}.blog .blog__card-article .card-article__content{padding:2.8rem 2.8rem 2.4rem}.blog .blog__card-article .card-article__arrow{inset-inline-end:2.8rem;inset-block-end:2rem}}@media screen and (min-width:990px){.blog__articles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog__filters-items{overflow:visible;margin:0}.blog__filters-item+.blog__filters-item{margin-inline-start:0}.blog-shell{--compass-chamfer: 3.2rem}.blog .blog__card-article--featured{margin-block-end:1.6rem}.blog .blog__card-article--featured>a{flex-direction:row}.blog .blog__card-article--featured .card-article__media{flex:0 0 60%;aspect-ratio:16 / 10}.blog .blog__card-article--featured .card-article__content{justify-content:flex-end;padding:4.8rem}.blog .blog__card-article--featured .card-article__title{margin-block-end:2.4rem}.blog .blog__card-article--featured .card-article__entry{margin-block-end:3.2rem;font-size:var(--font-size-static-md);-webkit-line-clamp:4;line-clamp:4}.blog .blog__card-article--featured .card-article__meta{margin-block-start:0}.blog .blog__card-article--featured .card-article__arrow{inset-inline-end:4.8rem;inset-block-end:4.4rem;width:4.8rem;height:4.8rem}.blog .blog__card-article--featured .card-article__index{inset-block-start:2.4rem;inset-inline-start:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-blog.css.map */