@layer sections{.blog-grid{display:grid;gap:var(--blog-gap, 24px);grid-template-columns:repeat(var(--blog-cols-mobile, 1),minmax(0,1fr));margin:0;padding:0;list-style:none}@media(min-width:750px){.blog-grid{grid-template-columns:repeat(var(--blog-cols-tablet, 2),minmax(0,1fr))}}@media(min-width:990px){.blog-grid{grid-template-columns:repeat(var(--blog-cols, 3),minmax(0,1fr))}}.blog-grid__item,.blog-card__reveal{display:flex;min-width:0}.blog__empty{margin:0}.blog-card{flex:1;min-width:0;display:flex;flex-direction:column;padding:2rem;border:1px solid rgb(var(--color-border));border-radius:2rem;background:rgb(var(--color-background));color:rgb(var(--color-text));transition:border-color .35s var(--ease-out),transform .45s var(--ease-out)}.blog-card:is(:hover,:focus-within){border-style:dashed;border-color:rgb(var(--color-heading));transform:translateY(-.6rem)}.blog-card__media{position:relative;margin-bottom:1.6rem}.blog-card__image{display:block}.blog-card__image .media{border-radius:1.6rem;border:1px solid rgb(var(--color-border))}.blog-card__image .media>:is(img,svg){transition:transform .8s var(--ease-out)}.blog-card:hover .blog-card__image .media>img.is-loaded{transform:scale(1.05)}.blog-card__date{position:absolute;right:2rem;bottom:-2.4rem;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:6.4rem;height:7.9rem;border-radius:3.2rem;border:1px solid rgb(var(--color-border));background:rgb(var(--color-background));color:rgb(var(--color-heading));line-height:1;transition:border-color .35s var(--ease-out),transform .45s var(--ease-out)}.blog-card:is(:hover,:focus-within) .blog-card__date{border-color:rgb(var(--color-heading));transform:translateY(-.8rem)}.blog-card__day{font-family:var(--font-heading-family);font-weight:600;font-size:2.8rem}.blog-card__month{margin-top:.4rem;font-size:1.6rem}.blog-card__pills{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 1.6rem;padding:0;list-style:none;padding-right:7.6rem}.blog-card__pill{display:inline-flex;align-items:center;gap:.6rem;height:3.5rem;padding:0 1.4rem;border:1px solid rgb(var(--color-heading));border-radius:99rem;background:rgb(var(--color-accent));color:rgb(var(--color-heading));font-family:var(--font-accent-family, var(--font-body-family));font-size:1.5rem;font-weight:500;text-decoration:none;white-space:nowrap}.blog-card__pill .icon{width:1.5rem;height:1.5rem;flex:none}a.blog-card__pill:hover{background:rgb(var(--color-heading));color:rgb(var(--color-background))}.blog-card__title{margin:0;font-family:var(--font-heading-family);font-weight:600;font-size:clamp(2rem,1.7vw,2.4rem);line-height:1.45}.blog-card__title a{color:rgb(var(--color-heading));padding-bottom:.1em}.blog-card__title .link-animation{background-size:0% .05rem}.blog-card:is(:hover,:focus-within) .blog-card__title .link-animation{background-size:100% .05rem;background-position:left bottom}.blog-card__excerpt{margin:1.6rem 0 0;font-family:var(--font-accent-family, var(--font-body-family));font-size:1.6rem;line-height:1.55;color:rgb(var(--color-heading))}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;margin-top:auto;padding-top:1.6rem}.blog-card__excerpt+.blog-card__footer,.blog-card__title+.blog-card__footer{margin-top:1.6rem;border-top:1px dashed rgb(var(--color-border))}.blog-card__footer:first-child{margin-top:0}.blog-card__button{--button-height: 4rem;--button-padding-inline: 1.6rem;--button-font-size: 1.3rem;gap:.6rem}.blog-card__button .icon{width:1.2rem;height:1.2rem;transition:transform .35s var(--ease-out)}.blog-card__button:is(:hover,:focus-visible) .icon{transform:rotate(45deg)}.blog-card__author{margin:0;margin-inline-start:auto;display:flex;flex-direction:column;align-items:flex-end;text-align:end;line-height:1.3}.blog-card__author-label{font-size:1.4rem;color:rgb(var(--color-text))}.blog-card__author-name{font-family:var(--font-accent-family, var(--font-body-family));font-weight:500;font-size:1.6rem;color:rgb(var(--color-heading))}@media(max-width:749px){.blog-card{padding:1.6rem;border-radius:1.6rem}.blog-card__date{right:1.6rem;width:5.6rem;height:6.8rem}.blog-card__day{font-size:2.4rem}.blog-card__button{--button-height: 3.2rem;--button-padding-inline: 1.2rem;--button-font-size: 1.2rem;gap:.5rem}.blog-card__button .icon{width:1rem;height:1rem}}@media(prefers-reduced-motion:reduce){.blog-card__image .media>:is(img,svg){transition:none}.blog-card,.blog-card__date{transition:border-color .35s var(--ease-out)}.blog-card:is(:hover,:focus-within),.blog-card:is(:hover,:focus-within) .blog-card__date{transform:none}}.article__layout{display:grid;gap:6.4rem;grid-template-columns:minmax(0,1fr);align-items:start}@media(min-width:990px){.article--sidebar .article__layout{grid-template-columns:minmax(0,1fr) var(--article-sidebar-width, 41.6rem);column-gap:clamp(4rem,8vw,var(--article-column-gap, 115px))}.article--sidebar-left .article__layout{grid-template-columns:var(--article-sidebar-width, 41.6rem) minmax(0,1fr)}.article--sidebar-left .article-sidebar{order:-1}.article-sidebar--sticky{position:sticky;top:var(--sidebar-sticky-top, 90px);transition:top .3s var(--ease-out)}}.article-main{display:flex;flex-direction:column;gap:var(--article-main-gap, 32px);min-width:0}.article-heading{margin:0;color:rgb(var(--color-heading));font-family:var(--font-heading-family);font-weight:600;font-size:clamp(var(--article-heading-size-mobile, 28px),3.2vw,var(--article-heading-size, 40px));line-height:1.3;overflow-wrap:anywhere}.article-info{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 1.6rem;margin-top:calc(var(--article-main-gap, 32px) * -.25)}.article-info p{margin:0}.article-info__author{display:flex;align-items:center;gap:.6rem}.article-info__by{display:flex;flex-direction:column;line-height:1.25}.article-info__label{font-size:1.3rem;color:rgb(var(--color-text))}.article-info__name{font-family:var(--font-accent-family, var(--font-body-family));font-weight:500;font-size:1.6rem;color:rgb(var(--color-heading))}.article-avatar{display:grid;place-items:center;flex:none;width:3.6rem;height:3.6rem;overflow:hidden;border-radius:50%;border:1px solid rgb(var(--color-border));background:rgba(var(--color-text),.06);color:rgb(var(--color-heading));font-family:var(--font-heading-family);font-weight:600;font-size:1.5rem;line-height:1}.article-avatar img{width:100%;height:100%;object-fit:cover}.article-pill{display:inline-flex;align-items:center;gap:.8rem;height:4rem;padding:0 1.8rem;border:1px solid rgb(var(--color-border));border-radius:99rem;font-family:var(--font-accent-family, var(--font-body-family));font-size:1.5rem;font-weight:500;color:rgb(var(--color-heading));text-decoration:none;transition:border-color .25s}.article-pill .icon{--icon-size: 1.6rem}a.article-pill:hover{border-color:rgb(var(--color-heading))}.article-image .media{border-radius:var(--article-image-radius, 16px)}.article-content{font-size:1.7rem;line-height:1.65}.article-content :is(h1,h2,h3,h4,h5,h6){margin-block:4.8rem 1.6rem}.article-content>:is(h1,h2,h3,h4,h5,h6):first-child{margin-block-start:0}.article-content .media,.article-content img{border-radius:1.6rem}.article-content blockquote{position:relative;margin:4rem 0;padding:4rem 4rem 4rem 14rem;border:1px solid rgb(var(--color-border));border-radius:3.2rem;background:var(--quote-background, #fff);font-style:italic;font-size:clamp(1.6rem,1.2vw,1.8rem);line-height:1.6;color:rgb(var(--color-heading))}.article-content blockquote:before{content:"";position:absolute;left:2.8rem;top:3.6rem;width:9.6rem;height:7.2rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M22 2C11 2 3 10 3 21s8 18 18 18c3 0 5-1 7-2-1 13-10 24-24 30l2 3c22-7 34-25 34-44C40 12 33 2 22 2zM74 2C63 2 55 10 55 21s8 18 18 18c3 0 5-1 7-2-1 13-10 24-24 30l2 3c22-7 34-25 34-44C92 12 85 2 74 2z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 72' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M22 2C11 2 3 10 3 21s8 18 18 18c3 0 5-1 7-2-1 13-10 24-24 30l2 3c22-7 34-25 34-44C40 12 33 2 22 2zM74 2C63 2 55 10 55 21s8 18 18 18c3 0 5-1 7-2-1 13-10 24-24 30l2 3c22-7 34-25 34-44C92 12 85 2 74 2z'/%3E%3C/svg%3E") center / contain no-repeat}.article-content blockquote p{margin-block-end:1.2rem}.article-content blockquote cite,.article-content blockquote>p:last-child:not(:first-child):has(>:is(strong,b):first-child){display:block;margin-top:2rem;padding:.2rem 0 .2rem 1.6rem;border-left:2px solid rgb(var(--color-heading));font-style:normal;font-size:1.3rem;font-weight:500;line-height:1.5;color:rgb(var(--color-text))}.article-content blockquote>p:last-child>:is(strong,b):first-child{display:block;margin-bottom:.2rem;font-size:1.6rem;font-weight:500;color:rgb(var(--color-heading))}.article-content blockquote>p:last-child>:is(strong,b):first-child+br{display:none}.article-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.6rem 2.4rem;margin-top:2.8rem;padding:1.6rem 2rem;border-radius:1.6rem;background:#fff}.article-tags{display:flex;flex-wrap:wrap;gap:1.2rem 1rem;margin:0;padding:0;list-style:none}.article-tag{display:inline-flex;align-items:center;height:4.4rem;padding:0 2rem;border:1px solid rgb(var(--color-border));border-radius:99rem;font-family:var(--font-accent-family, var(--font-body-family));font-size:1.6rem;color:rgb(var(--color-text));text-decoration:none;transition:background-color .25s,border-color .25s,color .25s}.article-footer .article-tag{height:3.6rem;padding:0 1.2rem;background:#fff}.sidebar-widget .article-tags{gap:.8rem}.sidebar-widget .article-tag{height:3.6rem;padding:0 1.4rem;font-size:1.4rem}.article-tag:hover,.article-tag.is-active,.article-footer .article-tag:hover{background:rgb(var(--color-heading));border-color:rgb(var(--color-heading));color:rgb(var(--color-background))}.article-share{display:flex;align-items:center;gap:.4rem}.article-share__label{font-family:var(--font-heading-family);font-weight:600;font-size:1.6rem;color:rgb(var(--color-heading))}.article-share .share-links a{width:3.2rem;height:3.2rem}.article-share .icon{--icon-size: 2rem}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;margin-top:2.8rem}.article-nav__item{display:flex;align-items:center;gap:1.2rem;min-width:0;color:rgb(var(--color-heading));text-decoration:none}.article-nav__item--next{flex-direction:row-reverse;text-align:end}.article-nav__media{flex:none;width:9.6rem}.article-nav__media .media{border-radius:1rem}.article-nav__body{display:flex;flex-direction:column;gap:1.2rem;min-width:0}.article-nav__item--next .article-nav__body{align-items:flex-end}.article-nav__item--prev .article-nav__body{align-items:flex-start}.article-nav__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-heading-family);font-weight:500;font-size:1.6rem;line-height:1.35}.article-nav__pill{display:inline-flex;white-space:nowrap;align-items:center;gap:.4rem;height:3.2rem;padding:0 1.2rem;border:1px solid rgb(var(--color-border));border-radius:99rem;font-size:1.4rem;font-weight:500;transition:background-color .25s,border-color .25s,color .25s}.article-nav__item--next .article-nav__pill{flex-direction:row-reverse}.article-nav__pill .icon{--icon-size: 1.4rem}.article-nav__item:hover .article-nav__pill{background:rgb(var(--color-heading));border-color:rgb(var(--color-heading));color:rgb(var(--color-background))}.article-sidebar{display:flex;flex-direction:column;gap:var(--article-sidebar-gap, 64px);min-width:0}.sidebar-widget{padding:var(--sidebar-widget-padding, 30px);border-radius:var(--sidebar-widget-radius, 20px);background:var(--gradient-background, rgb(var(--color-background)))}.sidebar-widget__heading{margin:0 0 2.4rem;padding-bottom:1.4rem;border-bottom:1px solid rgb(var(--color-border));font-family:var(--font-heading-family);font-weight:600;font-size:2rem;line-height:1.3;color:rgb(var(--color-heading))}.sidebar-search__text{margin:0 0 2rem;font-size:1.5rem;line-height:1.55}.sidebar-search{position:relative}.sidebar-search .sidebar-search__input{min-height:5.6rem;padding:0 6.4rem 0 2rem;border-radius:99rem;font-size:1.5rem}.sidebar-search__input::-webkit-search-cancel-button{display:none}.sidebar-search .sidebar-search__input::placeholder{color:rgb(var(--color-text));opacity:.85}.sidebar-search__button{position:absolute;top:50%;right:.6rem;transform:translateY(-50%);display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:rgb(var(--color-heading));color:rgb(var(--color-background));cursor:pointer;transition:opacity .25s}.sidebar-search__button:hover{opacity:.85}.sidebar-search__button .icon{--icon-size: 1.8rem}.sidebar-list{display:flex;flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none}.sidebar-list__link{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:4.8rem;padding:.8rem 1.6rem;border-radius:.8rem;font-family:var(--font-accent-family, var(--font-body-family));font-size:1.6rem;color:rgb(var(--color-heading));text-decoration:none;transition:background-color .25s}.sidebar-list__link:hover,.sidebar-list__link.is-active{background:rgba(var(--color-text),.07);font-weight:500}.sidebar-list__count{flex:none}.sidebar-posts{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.sidebar-post{display:flex;align-items:center;gap:1.6rem;padding-block:2.4rem;border-bottom:1px solid rgb(var(--color-border))}.sidebar-post:first-child{padding-top:0}.sidebar-post:last-child{padding-bottom:0;border-bottom:0}.sidebar-post__media{flex:none;width:8.5rem}.sidebar-post__media .media{border-radius:1rem}.sidebar-post__media img{transition:transform .6s var(--ease-out)}.sidebar-post:hover .sidebar-post__media img.is-loaded{transform:scale(1.06)}.sidebar-post__body{display:flex;flex-direction:column;gap:.8rem;min-width:0}.sidebar-post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin:0;font-size:1.3rem;color:rgb(var(--color-text))}.sidebar-post__tag{font-size:1.4rem}.sidebar-post__tag+time:before{content:"";display:inline-block;width:.4rem;height:.4rem;margin-right:1rem;border-radius:50%;background:currentColor;vertical-align:middle}.sidebar-post__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--font-heading-family);font-weight:500;font-size:1.7rem;line-height:1.4;color:rgb(var(--color-heading));text-decoration:none}.sidebar-post__title:hover{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}.article-comments__layout{display:grid;gap:6.4rem;grid-template-columns:minmax(0,1fr);align-items:start}@media(min-width:990px){.article-comments__layout{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(4rem,8vw,var(--comments-gap, 148px))}.article-comments--form-right .comment-form{order:2}}.article-comments__notice{margin:0;padding:2.4rem;border:1px dashed rgb(var(--color-border));border-radius:1.6rem;text-align:center}.comment-section__heading{margin:0 0 3.2rem;font-family:var(--font-heading-family);font-weight:600;font-size:clamp(2.4rem,2.2vw,3.2rem);line-height:1.25;color:rgb(var(--color-heading))}.comment-form,.comment-form__form{display:block}.comment-form__form .form__message{margin:0 0 2rem}.comment-form__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.comment-form__field--full{grid-column:1 / -1}.comment-form__fields :is(input,textarea){min-height:6rem;padding-inline:2rem;border-radius:.6rem;font-size:1.6rem}.comment-form__fields textarea{min-height:23rem;padding-block:2rem;resize:vertical}.comment-form__fields :is(input,textarea){transition:border-color .25s ease}.comment-form__fields :is(input,textarea)::placeholder{color:rgb(var(--color-text));opacity:.85}.comment-form__fields :is(input,textarea):focus{border-style:dashed;border-color:rgb(var(--color-heading))}.comment-form__save{display:inline-flex;align-items:center;gap:.8rem;margin-top:2.4rem;font-size:1.6rem;color:rgb(var(--color-heading));cursor:pointer}.comment-form__save input{width:1.4rem;height:1.4rem;margin:0;accent-color:rgb(var(--color-heading))}.comment-form__submit{display:flex;gap:.8rem;margin-top:2.4rem}.comment-form__submit .icon{--icon-size: 1.4rem}.comment-list__count{font-weight:inherit}.comment-list__items{display:flex;flex-direction:column;gap:3.2rem;margin:0;padding:0;list-style:none}.comment-card{padding:2.4rem;border:1px solid rgb(var(--color-border));border-radius:1.6rem;box-shadow:0 .4rem 2.4rem rgba(var(--color-shadow, 0, 0, 0),.04)}.comment-card__head{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem}.comment-card .article-avatar{width:4.4rem;height:4.4rem;font-size:1.7rem}.comment-card__by{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;margin:0}.comment-card__author{font-family:var(--font-heading-family);font-weight:500;font-size:1.7rem;color:rgb(var(--color-heading))}.comment-card__date{padding-left:1rem;border-left:1px solid rgb(var(--color-heading));font-size:1.4rem;line-height:1;color:rgb(var(--color-text))}.comment-card__body{font-size:1.6rem;line-height:1.65}.comment-list__empty{margin:0;padding:2.4rem;border:1px dashed rgb(var(--color-border));border-radius:1.6rem}.comment-list__pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:3.2rem}.comment-list__pagination>span>a,.comment-list__pagination>span.current,.comment-list__pagination>span.deco{display:grid;place-items:center;min-width:4.4rem;height:4.4rem;padding:0 .8rem;border:1px solid rgb(var(--color-border));border-radius:99rem;color:rgb(var(--color-heading));text-decoration:none}.comment-list__pagination>span.deco{border-color:transparent}.comment-list__pagination>span>a:hover,.comment-list__pagination>span.current{background:rgb(var(--color-heading));border-color:rgb(var(--color-heading));color:rgb(var(--color-background))}@media(max-width:749px){.sidebar-widget{padding:var(--sidebar-widget-padding-mobile, 20px)}.article-info{gap:1rem}.article-pill{height:3.6rem;padding:0 1.4rem;font-size:1.4rem}.article-content{font-size:1.6rem}.article-content blockquote{padding:7.2rem 2rem 2.4rem;border-radius:2rem}.article-content blockquote:before{left:2rem;top:2rem;width:5.6rem;height:4.2rem}.article-footer{flex-direction:column;align-items:flex-start}.article-nav{grid-template-columns:minmax(0,1fr);gap:2rem}.article-nav__media{width:7.2rem}.comment-form__fields{grid-template-columns:minmax(0,1fr);gap:1.6rem}.comment-form__fields :is(input,textarea){min-height:5.2rem}.comment-form__fields textarea{min-height:18rem}.comment-card{padding:1.8rem}}@media(prefers-reduced-motion:reduce){.sidebar-post__media img{transition:none}}}
/*# sourceMappingURL=/cdn/shop/t/3544/assets/blog.css.map */
