/*! blog-posts */.blog-grid{--card-grid-gap: var(--sp-10) var(--sp-4)}@media screen and (min-width:1024px){.blog-grid{--card-grid-gap: clamp(40px, 3.5vw, 60px)}}@media screen and (pointer:fine){.article-card__image{--tw-scale-x: 1;--tw-scale-y: 1;transform:scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:transform var(--animation-primary)}.article-card__link:hover .article-card__image{--tw-scale-x: 1.05;--tw-scale-y: 1.05}}.article-card__media{border-radius:var(--card-radius)}.article-card__title{font-family:var(--font-product-family);font-weight:var(--font-product-weight);text-transform:var(--font-product-text-transform)}.article-card__top{row-gap:var(--sp-2)}.article-card__top li{padding-inline-end:var(--sp-4)}.article-card__top li:after{content:"";position:absolute;inset-inline-end:0;width:1px;height:16px;background-color:currentColor;opacity:.3}.article-card__top li:last-child{padding-inline-end:0}.article-card__top li:last-child:after{content:none}.article-card__top .icon{width:var(--sp-4);height:var(--sp-4)}.article-card .badge--custom{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--badge-foreground);background-color:var(--badge-background)}@media screen and (pointer:fine){.article-card .badge{--tw-scale-x: 1;--tw-scale-y: 1;transform:scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:var(--animation-primary);transition-property:transform}.article-card .badge:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05}}/*! collage layout */.blog-collage .article-card:nth-child(1) .article-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-color:color-mix(in oklab,rgb(var(--color-foreground)) 50%,#000000)}.blog-collage .article-card:nth-child(1) .article-card__image{width:100%}.blog-collage .article-card:nth-child(1):not(.without-image) .article-card__content{position:absolute;inset:var(--card-grid-gap);inset-block-start:unset;color:#fff}.blog-collage .article-card:nth-child(1):not(.without-image) .article-card__title{color:inherit}.blog-collage .article-card:nth-child(1) .article-card__title{font-size:clamp(var(--text-2xl),2.526vw,var(--text-5xl))}.blog-collage .article-card:nth-child(1) .reversed-link{--reversed-link-gap: min(100%, 1.12em)}@media screen and (max-width:639px){.blog-collage{--card-grid-per-row: 1}.blog-collage .article-card:nth-child(1) .article-card__image{aspect-ratio:4 / 5}.blog-collage .article-card:nth-child(1) .article-card__bottom{display:none}}@media screen and (min-width:640px){.blog-collage .article-card:nth-child(1){grid-column:span 2}}@media screen and (min-width:1024px){.blog-collage{grid-template-rows:1fr 1fr;grid-template-columns:repeat(24,minmax(0,1fr))}.blog-collage .article-card{grid-column:span 8}.blog-collage .article-card:nth-child(1){grid-column:span 14;grid-row:span 2}.blog-collage.with-only4 .article-card:nth-child(1){grid-row:span 3}.blog-collage .article-card:nth-child(1) .article-card__content>.grid{gap:var(--sp-7d5)}.blog-collage .article-card:nth-child(1) .article-card__title{line-height:1}.blog-collage .article-card:nth-child(1) .article-card__top+p{max-width:75%}.blog-collage .article-card:nth-child(1) .article-card__bottom{font-size:var(--fluid-base-to-xl)}.blog-collage .article-card:nth-child(1) .article-card__content .text-xs{font-size:var(--text-sm);line-height:1.25}.blog-collage .article-card:nth-child(1) .article-card__content .text-sm{font-size:var(--text-base)}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)),.blog-collage.with-only4 .article-card:nth-child(4){grid-column:span 10;flex-direction:row}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__media,.blog-collage.with-only4 .article-card:nth-child(4) .article-card__media{flex:0 0 40%}.blog-collage .article-card:is(:nth-child(1),:nth-child(2),:nth-child(3)) :is(.article-card__media,.article-card__link,.article-card__image),.blog-collage.with-only4 .article-card:nth-child(4) :is(.article-card__media,.article-card__link,.article-card__image){height:100%}.blog-collage .article-card:nth-child(3),.blog-collage.with-only4 .article-card:nth-child(4){margin-block-start:var(--sp-3);padding-block-start:var(--sp-3)}.blog-collage .article-card:nth-child(3):before,.blog-collage.with-only4 .article-card:nth-child(4):before{content:"";position:absolute;width:100%;inset-block-start:calc(var(--card-grid-gap)/2 * -1);border-block-start:1px solid rgb(var(--color-border))}}@media screen and (min-width:1536px){.blog-collage .article-card:is(:nth-child(2),:nth-child(3)),.blog-collage.with-only4 .article-card:nth-child(4){gap:var(--sp-10)}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__media,.blog-collage.with-only4 .article-card:nth-child(4) .article-card__media{flex:0 0 45%}}@media screen and (min-width:640px)and (max-width:1023px){.slider .blog-collage.with-only3{--card-grid-per-row: 2}.slider .blog-collage.with-only4{--card-grid-per-row: 3}.slider .blog-collage.with-only4 .article-card:nth-child(1){grid-column:span 3}}@media screen and (pointer:fine){.blog-collage .article-card:nth-child(1):hover .article-card__image{--tw-scale-x: 1.05;--tw-scale-y: 1.05}}/*! blog with one post */@media screen and (min-width:1024px){.blog-grid.with-only1{display:flex;justify-content:center}.blog-grid.with-only1 .article-card{flex:0 0 62.5%}}@media screen and (min-width:1024px)and (max-width:1279px){.blog-collage .article-card:is(:nth-child(2),:nth-child(3)),.blog-collage.with-only4 .article-card:nth-child(4){display:grid;gap:var(--sp-6)}.blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__image,.blog-collage.with-only4 .article-card:nth-child(4) .article-card__image{aspect-ratio:16 / 9}}/*! blog index page — sidebar layout, image-less article stream */.template-blog .breadcrumb{zoom:.78}.blog-page__header{gap:var(--sp-4)}.blog-page__intro{max-width:68ch}.blog-page__active{margin-block-start:var(--sp-6)}.blog-page__chip{padding-inline:var(--sp-3);padding-block:var(--sp-2)}.blog-page__chip .icon{opacity:.6;transition:opacity var(--animation-primary)}.blog-page__chip:hover .icon{opacity:1}@media screen and (min-width:1280px){.blog-facets__scroll{inset-block-start:var(--sp-8)}}.blog-facet__row>.blog-facet__link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.blog-facet__row>.checkbox{pointer-events:none;flex:none}.blog-facet__row .checkbox,.guides-feed__row .checkbox,.guides-feed__row .radio{transition:border-color var(--animation-primary)}.blog-facet__link,.guides-feed__label{display:inline-flex;align-items:baseline;gap:var(--sp-1);width:fit-content}.blog-facet__link,.guides-feed__label,.blog-grid--stream .article-card__title,.blog-page .article-card__content .link{transition:color var(--animation-primary),text-decoration-color var(--animation-primary)}@media screen and (pointer:fine){.blog-facet__row:hover .checkbox,.guides-feed__row:hover .checkbox,.guides-feed__row:hover .radio{border-color:rgb(var(--color-button-background))}.blog-facet__row:hover .blog-facet__link,.guides-feed__row:hover .guides-feed__label,.blog-grid--stream .article-card:hover .article-card__title,.blog-page .article-card__content .link:hover,.blog-page .article-card__blog a:hover{color:rgb(var(--color-button-background));text-decoration-line:underline;text-decoration-color:currentcolor;text-underline-offset:.15em;background-image:none}}@media screen and (max-width:639px){.article-card__top .article-card__blog{flex-basis:100%;padding-inline-end:0}.article-card__top .article-card__blog:after{content:none}}/*! article stream — no featured images, so the type and the rules carry it */.blog-page .blog-grid--stream{column-gap:clamp(32px,3.5vw,56px);row-gap:clamp(36px,3.5vw,56px)}.blog-grid--stream .article-card.without-image{gap:var(--sp-5);padding-block-end:var(--sp-6);border-block-end:1px solid rgb(var(--color-border))}.blog-grid--stream .article-card.without-image .article-card__content{gap:var(--sp-5)}.blog-grid--stream .article-card__badges .badge{padding-inline:var(--sp-2d5)}.blog-grid--stream .article-card__bottom{max-width:62ch}.article-card__heading{margin:0;font:inherit;letter-spacing:inherit;text-transform:none}/*! touch: below the sidebar breakpoint the panel is thumb-driven */@media screen and (max-width:1279px){.blog-facet__row{min-height:44px}.blog-page .breadcrumb a{position:relative}.blog-page .article-card__content .link:after,.blog-page .breadcrumb a:after{content:"";position:absolute;inset:calc(var(--sp-4) * -1) calc(var(--sp-2) * -1)}.guides-feed__row{min-height:44px}}/*! guides feed — one newest-first stream across every blog, filtered in place */.guides-feed .breadcrumb{zoom:.78}.guides-feed__content{flex-direction:column}.guides-feed__toolbar{min-height:var(--sp-6)}.guides-feed__toolbar p{margin:0}.guides-feed__row label{cursor:pointer}.guides-feed__panel{border-block-end:1px solid rgb(var(--color-border))}@media screen and (min-width:1280px){.guides-feed__content{flex-direction:row}.guides-feed__aside{flex:var(--facets-width) 0 0}.guides-feed__panel{border-block-end:0}.guides-feed__panel-toggle{display:none}.guides-feed__filters{inset-block-start:var(--sp-8)}}/*! sidebar rhythm — tighter, even groups.
   The theme's facet rhythm is 21px heading padding, 28px after the last row, 21px
   before the next heading: 49px between groups vs 21px inside them, so headings
   float. 16 / 20 / 16 keeps each heading attached to its own list. 0,3,0 to beat
   the theme's .details .details__summary without !important. */.blog-facets .details .details__summary{padding-block:var(--sp-4)}.blog-facets .details:first-child .details__summary{padding-block-start:0}.blog-facets .details:not(:last-child) .details__content:after{content:"";display:block;pointer-events:none;padding-block-end:var(--sp-5)}/*! guides search — the newsletter field's language: filled input, round primary button */.guides-search{margin-block-end:var(--sp-6)}.guides-search__input{height:var(--sp-14);padding-inline:var(--sp-5) calc(var(--sp-10) + var(--sp-5));padding-block:0;font-size:var(--text-base);line-height:1}.guides-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.guides-search .self-submit-button{inset-block-start:50%;inset-block-end:auto;inset-inline-end:var(--sp-2);display:flex;align-items:center;transform:translateY(-50%)}.guides-search .self-button{width:var(--sp-10);height:var(--sp-10);min-height:0;padding:0}.guides-search .self-button .icon{width:var(--sp-4);height:var(--sp-4)}@media screen and (min-width:1280px){.guides-feed__aside .guides-search{margin-block-end:var(--sp-8)}}/*! squared rows — every card in a row shares the same top, title block, Read-more line and rule.
   The grid stretches the wrapper; the card fills it; the title reserves two lines so
   excerpts start level; Read more pins to the bottom so the closing rules coincide. */.guides-feed__item{display:flex}.guides-feed__item>.article-card{flex:1 1 auto}.blog-grid--stream .article-card__content{flex:1 1 auto}.blog-grid--stream .article-card__content>p:last-child{margin-block-start:auto}@media screen and (min-width:640px){.blog-grid--stream .article-card__title{display:block;min-height:2lh}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/blog.css.map */