.blog-modern__header{max-width:64rem;margin:0 0 3.2rem}.blog-modern__eyebrow{margin:0 0 .6rem;font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--color-base-accent-1))}.blog-modern__title{margin:0 0 1rem}.blog-modern__intro{margin:0;font-size:1.6rem;line-height:1.6;color:rgba(var(--color-foreground),.72)}.blog-modern__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.2rem 2.4rem}.blog-modern__featured{margin-bottom:4rem}@media screen and (max-width:989px){.blog-modern__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:599px){.blog-modern__grid{grid-template-columns:minmax(0,1fr);gap:2.8rem}.blog-modern__header{margin-bottom:2.4rem}}.acard{position:relative;display:flex;flex-direction:column;height:100%;border-radius:1.6rem;background:rgb(var(--color-background));transition:transform .35s cubic-bezier(.2,.7,.2,1)}.acard__media{position:relative;overflow:hidden;aspect-ratio:16 / 10;border-radius:1.6rem;background:rgba(var(--color-foreground),.05)}.acard__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.acard__chip{position:absolute;top:1.2rem;left:1.2rem;z-index:2;max-width:calc(100% - 2.4rem);padding:.4rem 1.1rem;border-radius:2rem;background:#ffffffeb;color:rgb(var(--color-base-accent-1));font-size:1.15rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.acard__chip--featured{left:auto;right:1.2rem;background:rgb(var(--color-base-accent-1));color:rgb(var(--color-base-solid-button-labels))}.acard__body{display:flex;flex-direction:column;flex:1 1 auto;padding:1.6rem .4rem 0}.acard__meta{margin:0 0 .6rem;font-size:1.25rem;letter-spacing:.02em;color:rgba(var(--color-foreground),.6)}.acard__meta span{margin:0 .4rem}.acard__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:0 0 .8rem;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.9rem;line-height:1.3}.acard__link{color:rgb(var(--color-foreground));text-decoration:none}.acard__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:1.6rem}.acard__link:focus-visible{outline:none}.acard__link:focus-visible:after{outline:2px solid rgb(var(--color-base-accent-1));outline-offset:4px}.acard__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;margin:0 0 1.4rem;font-size:1.45rem;line-height:1.6;color:rgba(var(--color-foreground),.72)}.acard__more{display:inline-flex;align-items:center;gap:.6rem;margin-top:auto;font-size:1.35rem;font-weight:600;color:rgb(var(--color-base-accent-1))}.acard__more svg{width:1.6rem;height:1.6rem;transition:transform .25s ease}.acard:hover .acard__img{transform:scale(1.05)}.acard:hover .acard__more svg{transform:translate(.4rem)}.acard:hover .acard__title .acard__link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3rem}.acard--featured{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:4rem}.acard--featured .acard__media{aspect-ratio:16 / 11;border-radius:2rem}.acard--featured .acard__body{padding:0}.acard--featured .acard__title{-webkit-line-clamp:4;line-clamp:4;font-size:calc(var(--font-heading-scale) * 3.2rem);line-height:1.2}.acard--featured .acard__excerpt{-webkit-line-clamp:4;line-clamp:4;font-size:1.6rem}.acard--featured .acard__more{margin-top:.4rem;padding:1.2rem 2.2rem;border-radius:var(--buttons-radius);background:rgb(var(--color-base-accent-1));color:rgb(var(--color-base-solid-button-labels));align-self:flex-start}@media screen and (max-width:989px){.acard--featured{grid-template-columns:minmax(0,1fr);gap:2rem}.acard--featured .acard__title{font-size:calc(var(--font-heading-scale) * 2.4rem)}}.acard--no-image .acard__body{padding-top:0}.article-progress{position:fixed;top:0;left:0;z-index:100;width:100%;height:3px;background:rgb(var(--color-base-accent-1));transform:scaleX(var(--progress, 0));transform-origin:left;pointer-events:none}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin:1.2rem 0 0;font-size:1.35rem;color:rgba(var(--color-foreground),.65)}.article-meta__chip{padding:.3rem 1rem;border-radius:2rem;background:rgba(var(--color-base-accent-1),.12);color:rgb(var(--color-base-accent-1));font-weight:700;font-size:1.2rem;text-decoration:none}a.article-meta__chip:hover{background:rgba(var(--color-base-accent-1),.2)}.article-meta__dot{opacity:.5}.article-template .article-template__content{font-size:1.75rem;line-height:1.8;color:rgba(var(--color-foreground),.86)}.article-template .article-template__content>*{max-width:70ch}.article-template .article-template__content p{margin:0 0 1.6rem}.article-template .article-template__content h2{margin:4rem 0 1.2rem;font-size:calc(var(--font-heading-scale) * 2.6rem);line-height:1.25;color:rgb(var(--color-foreground))}.article-template .article-template__content h3{margin:2.8rem 0 .8rem;font-size:calc(var(--font-heading-scale) * 2rem);line-height:1.3;color:rgb(var(--color-foreground))}.article-template .article-template__content ul,.article-template .article-template__content ol{padding-left:2.2rem;margin:0 0 1.6rem}.article-template .article-template__content li{margin-bottom:.6rem}.article-template .article-template__content li::marker{color:rgb(var(--color-base-accent-1))}.article-template .article-template__content img{border-radius:1.2rem;margin:1.2rem 0}.article-template .article-template__content blockquote{margin:2.4rem 0;padding:1.6rem 2.4rem;border-left:4px solid rgb(var(--color-base-accent-1));border-radius:0 1.2rem 1.2rem 0;background:rgba(var(--color-base-accent-1),.06);font-style:normal}.article-template .article-template__content a{color:rgb(var(--color-base-accent-1));text-underline-offset:.3rem}.article-template .article-template__hero-container{max-width:120rem;margin:0 auto}.article-template .article-template__hero-container .media{border-radius:2rem;overflow:hidden}@media screen and (max-width:749px){.article-template .article-template__content{font-size:1.6rem;line-height:1.75}.article-template .article-template__content h2{margin-top:3.2rem;font-size:calc(var(--font-heading-scale) * 2.2rem)}.article-template .article-template__hero-container .media{border-radius:0}}.article-related__block+.article-related__block{margin-top:5.6rem}.article-related__head{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem;margin-bottom:2.4rem}.article-related__head h2{margin:0}.article-related__head a{font-size:1.4rem;font-weight:600;color:rgb(var(--color-base-accent-1));text-underline-offset:.3rem;white-space:nowrap}.article-related__products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none}@media screen and (max-width:989px){.article-related__products{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}}@media(prefers-reduced-motion:no-preference){.js-reveal [data-reveal]{opacity:0;transform:translateY(2.4rem);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--reveal-i, 0) % 3 * 90ms)}.js-reveal [data-reveal].is-revealed{opacity:1;transform:none}}.article-comments{padding:5.6rem 0}.article-comments__head,.article-comments__form-head{margin-bottom:2.4rem}.article-comments__head h2,.article-comments__form-head h2{display:flex;align-items:center;gap:1rem;margin:0 0 .4rem}.article-comments__count{display:inline-flex;align-items:center;justify-content:center;min-width:2.8rem;height:2.8rem;padding:0 .8rem;border-radius:2rem;background:rgb(var(--color-base-accent-1));color:rgb(var(--color-base-solid-button-labels));font-family:var(--font-body-family);font-size:1.3rem;font-weight:700}.article-comments__head p,.article-comments__form-head p{margin:0;font-size:1.45rem;color:rgba(var(--color-foreground),.65)}.article-comments .article-template__comments{display:grid;gap:1.2rem;margin-bottom:4.8rem}.article-comments .comment{margin:0;padding:2rem 2.4rem;border-radius:1.4rem;background:rgb(var(--color-background));box-shadow:0 1px rgba(var(--color-foreground),.04)}.article-comments .comment__head{display:flex;align-items:center;gap:1.2rem;margin:0 0 1rem}.article-comments .comment__who>*{line-height:1.35}.comment__avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:rgba(var(--color-base-accent-1),.14);color:rgb(var(--color-base-accent-1));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.6rem}.comment__who{display:flex;flex-direction:column;min-width:0}.comment__author{font-weight:700;font-size:1.5rem;color:rgb(var(--color-foreground))}.comment__date{font-size:1.25rem;color:rgba(var(--color-foreground),.55)}.comment--pending .comment__date{color:rgb(var(--color-base-accent-1))}.comment__body{font-size:1.55rem;line-height:1.7;color:rgba(var(--color-foreground),.85)}.comment__body p{margin:0 0 .8rem}.comment__body p:last-child{margin-bottom:0}.article-comments__form{padding:3.2rem;border-radius:1.6rem;background:rgb(var(--color-background))}.article-comments__form .field:after,.article-comments__form .field:before{display:none}.article-comments__form .field__input,.article-comments__form .text-area{border:1px solid rgba(var(--color-foreground),.2);border-radius:1rem;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}.article-comments__form .field__input:focus,.article-comments__form .text-area:focus{outline:none;border-color:rgb(var(--color-base-accent-1));box-shadow:0 0 0 3px rgba(var(--color-base-accent-1),.2)}.article-comments__form .text-area{min-height:14rem}.article-comments__form .article-template__comment-warning{display:flex;align-items:center;gap:.6rem;margin:1.2rem 0 2rem;font-size:1.25rem;color:rgba(var(--color-foreground),.6)}.article-comments__form .article-template__comment-warning:before{content:"i";flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:50%;border:1.5px solid currentColor;font-size:1.05rem;font-weight:700;font-style:normal}.article-comments__form [type=submit]{min-width:20rem}.article-comments__form .form__message{margin-bottom:1.6rem;padding:1.2rem 1.6rem;border-radius:1rem;background:rgba(var(--color-base-accent-1),.08)}@media screen and (max-width:749px){.article-comments{padding:4rem 0}.article-comments .comment{padding:1.6rem}.article-comments__form{padding:2rem 1.6rem}.article-comments__form [type=submit]{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/blog-modern.css.map */