.blog-filter{text-align:center}.blog-filter .select{width:calc(var(--width) + var(--input-padding-inline) + var(--input-padding-inline) + var(--input-padding-inline))}/*! 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-posts-collage-section .page-width{--page-width: 1520px;max-width:1520px}.blog-posts-collage-section .blog-posts-collage__inner--full{padding-inline:0}.blog-posts-collage-section .blog-collage{--card-grid-gap: 32px;max-width:1520px;margin-inline:auto}.blog-posts-collage-section .article-card__media{border-radius:8px}.blog-posts-collage-section .figma-blog-icon{display:block;width:26px;height:26px;max-width:none;flex:0 0 26px}.blog-posts-collage-section .article-card__collage-header{position:absolute;z-index:2;inset-inline:40px;inset-block-start:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:#fff;pointer-events:none}.blog-posts-collage-section .article-card__collage-heading{font-family:var(--font-heading-family);font-size:clamp(28px,2.4vw,46px);font-weight:800;font-style:italic;line-height:1;letter-spacing:0;text-transform:uppercase;color:#fff}.blog-posts-collage-section .article-card__collage-action{pointer-events:auto}.blog-posts-collage-section .article-card__collage-action p{margin:0}.blog-posts-collage-section .article-card__collage-action .button{--buttons-radius: 70px;--shadow-horizontal-offset: 0px;--shadow-vertical-offset: 0px;--shadow-opacity: 0;--border-opacity: 0;display:inline-flex;align-items:center;justify-content:center;min-width:clamp(96px,8.8vw,169px);min-height:clamp(32px,2.6vw,50px);padding:0 clamp(22px,1.7vw,32px);border:1px solid currentColor;border-radius:999px;color:#fff;background:transparent!important;background-color:transparent!important;box-shadow:none!important;font-size:clamp(14px,1.05vw,20px);font-weight:700}.blog-posts-collage-section .article-card__collage-action .button:after{content:none}.blog-posts-collage-section .article-card__collage-action .btn-fill{display:none!important}.blog-posts-collage-section .article-card__collage-action .btn-text{display:inline-flex;align-items:center;justify-content:center}.blog-posts-collage-section .article-card__collage-action .icon{display:none}.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-posts-collage-section{--section-padding-top: 30px;--section-padding-bottom: 30px}.blog-posts-collage-section .page-width{padding-inline:12px}.blog-posts-collage-section .blog-collage{--card-grid-gap: 16px}.blog-posts-collage-section .article-card__collage-header{inset-inline:20px;inset-block-start:40px}.blog-posts-collage-section .article-card__collage-heading{max-width:calc(100% - 142px);font-size:clamp(28px,8vw,36px)}.blog-posts-collage-section .article-card__collage-action .button{min-width:132px;min-height:40px;padding-inline:22px;font-size:15px}.blog-collage .article-card:nth-child(1) .article-card__image{aspect-ratio:1.32 / 1}.blog-posts-collage-section .blog-collage .article-card:nth-child(1):not(.without-image) .article-card__content{inset-inline:20px;inset-block-end:36px}.blog-posts-collage-section .blog-collage .article-card:nth-child(1) .article-card__top{gap:8px 16px;font-size:20px}.blog-posts-collage-section .blog-collage .article-card:nth-child(1) .article-card__top li{font-size:20px;line-height:1.1}.blog-posts-collage-section .blog-collage .article-card:nth-child(1) .article-card__top .icon{width:20px;height:20px}.blog-posts-collage-section .blog-collage .article-card:nth-child(1) .article-card__top li:after{display:none}.blog-posts-collage-section .blog-collage .article-card:nth-child(1) .article-card__title{max-width:92%;font-size:clamp(22px,6vw,26px);line-height:1.08}.blog-posts-collage-section .blog-collage .article-card:nth-child(1) .link{color:#fff;font-size:20px;font-weight:400}.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-posts-collage-section .blog-collage{--blog-collage-row-gap: clamp(32px, 3.55vw, 54px);--card-grid-gap: var(--blog-collage-row-gap);grid-template-rows:repeat(2,clamp(180px,18.75vw,285px));grid-template-columns:minmax(0,838fr) minmax(0,628fr);align-items:stretch;justify-content:center}.blog-posts-collage-section .blog-collage .article-card{grid-column:auto}.blog-posts-collage-section .blog-collage .article-card:nth-child(1){grid-column:1;grid-row:span 2}.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(1){grid-row:span 2}.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-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)),.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4){grid-column:2;flex-direction:row;gap:clamp(24px,2.1vw,32px);min-height:clamp(180px,18.75vw,285px)}.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__media,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4) .article-card__media{flex:0 0 clamp(148px,15.33vw,233px)}.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-posts-collage-section .blog-collage .article-card:nth-child(3),.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4){margin-block-start:0;padding-block-start:0}.blog-posts-collage-section .blog-collage .article-card:nth-child(3):before,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4):before{content:"";position:absolute;width:100%;inset-block-start:calc(var(--blog-collage-row-gap) / -2);border-block-start:1px solid rgb(var(--color-border))}.blog-posts-collage-section .blog-collage .article-card:nth-child(1):not(.without-image) .article-card__content{inset-inline:40px;inset-block-end:40px;gap:12px}.blog-posts-collage-section .blog-collage .article-card:nth-child(1) .article-card__content>.grid{gap:8px}.blog-posts-collage-section .blog-collage .article-card:nth-child(1) .article-card__title{max-width:475px;font-size:clamp(16px,1.58vw,24px);line-height:1}.blog-posts-collage-section .blog-collage .article-card:nth-child(1) .link{color:#fff;font-size:20px;font-weight:400}.blog-posts-collage-section .blog-collage .article-card:nth-child(1) .article-card__top li{align-items:center;gap:4px;font-size:16px}.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__content,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4) .article-card__content{justify-content:flex-start;gap:clamp(24px,2.63vw,40px);padding-block:clamp(18px,2.1vw,32px) 0;flex:1 1 0;max-width:323px;min-width:0}.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__content>.grid,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4) .article-card__content>.grid{gap:24px}.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__content p,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4) .article-card__content p{margin:0}.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__title,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4) .article-card__title{max-width:323px;font-size:clamp(14px,1.32vw,20px);line-height:1.3}.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__top,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4) .article-card__top{align-items:center;flex-wrap:nowrap;gap:24px;line-height:1.3}.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__top li,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4) .article-card__top li{align-items:center;gap:4px;padding-inline-end:0;color:#666;font-size:clamp(12px,1.05vw,16px);line-height:1.3;white-space:nowrap}.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__top li:after,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4) .article-card__top li:after{content:none}.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__top .icon,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4) .article-card__top .icon{width:clamp(12px,1.05vw,16px);height:clamp(12px,1.05vw,16px);flex:0 0 clamp(12px,1.05vw,16px)}.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .figma-blog-icon,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4) .figma-blog-icon{width:26px;height:26px;flex-basis:26px}.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .link,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4) .link{font-size:20px;font-weight:400}}@media screen and (min-width:1536px){.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)),.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4){gap:clamp(24px,2.1vw,32px)}.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__media,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4) .article-card__media{flex:0 0 clamp(148px,15.33vw,233px)}}@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}}@media screen and (min-width:1024px){.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)),.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4){display:flex;gap:clamp(24px,2.1vw,32px)}.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__media,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4) .article-card__media{flex:0 0 clamp(148px,15.33vw,233px)}.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__image,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4) .article-card__image{aspect-ratio:auto}.blog-posts-collage-section .blog-collage .article-card:is(:nth-child(2),:nth-child(3)) .article-card__content,.blog-posts-collage-section .blog-collage.with-only4 .article-card:nth-child(4) .article-card__content{justify-content:flex-start;padding-block:clamp(18px,2.1vw,32px) 0}}
/*# sourceMappingURL=/cdn/shop/t/176/assets/blog.css.map */