.article{--compass-accent: 228, 116, 36;--compass-slate: 136, 148, 146;display:flex;flex-direction:column;background-color:rgb(var(--color-background));margin-block-end:3.6rem}.article__progress{display:none}@supports (animation-timeline: scroll()){.article__progress{display:block;position:fixed;inset-block-start:0;inset-inline:0;z-index:calc(var(--z-header, 800) + 1);height:.3rem;pointer-events:none}.article__progress-bar{display:block;height:100%;background:linear-gradient(90deg,#889492,#e47424);box-shadow:0 0 1.2rem #e4742499;transform-origin:0 50%;animation:article-progress linear both;animation-timeline:scroll(root)}}@keyframes article-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.article__masthead{position:relative;isolation:isolate;overflow:hidden;padding-block-end:6.4rem;text-align:center}.article__masthead:has(~.article__hero){padding-block-end:9.6rem}.article__masthead .breadcrumbs{color:rgba(var(--color-foreground),.65)}.article__masthead .article__head{max-width:120rem;padding-block-end:0}.article__title{max-width:22ch;margin:0 auto 3.2rem;font-size:clamp(3.2rem,4.4vw,6.4rem);line-height:1.08;letter-spacing:-.02em;color:rgb(var(--color-heading-text));text-wrap:balance}.article__meta{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1.4rem;margin:0;padding:1rem 1.8rem;font-family:var(--font-button-family);font-size:1.1rem;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--color-foreground),.75);background:rgba(var(--color-foreground),.04);border:.1rem solid rgba(var(--color-foreground),.16);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.article__author{display:inline-flex;align-items:center;gap:1rem}.article__author:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:rgb(var(--compass-accent));box-shadow:0 0 .8rem rgba(var(--compass-accent),.9)}.article__date{display:inline-flex;align-items:center;gap:1.4rem}.article__date:before{content:"";width:1.6rem;height:.1rem;background:rgba(var(--compass-slate),.9)}.article__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:0 0 2.4rem}.article__tags-item{font-family:var(--font-button-family);font-size:var(--font-size-static-xs);letter-spacing:.16em;text-transform:uppercase;line-height:var(--line-height-static-sm);border-radius:0;border:.1rem solid rgba(var(--color-foreground),.3);padding:.6rem 1rem}.article__hero{position:relative;width:calc(100% - var(--page-gutter) * 2);max-width:120rem;margin-inline:auto;margin-block-end:2rem;padding:0}.article__masthead~.article__hero{margin-block-start:-6.4rem}.article__hero:before,.article__hero:after{content:"";position:absolute;z-index:3;width:3.2rem;height:3.2rem;pointer-events:none;border-color:rgb(var(--compass-slate));border-style:solid;border-width:0}.article__hero:before{inset-block-start:-1rem;inset-inline-start:-1rem;border-block-start-width:.2rem;border-inline-start-width:.2rem}.article__hero:after{inset-block-end:-1rem;inset-inline-end:-1rem;border-block-end-width:.2rem;border-inline-end-width:.2rem}.article__hero .media{border-radius:0;box-shadow:0 3rem 8rem -2rem #11111173}.article__media{aspect-ratio:16 / 9}.article__media>img{object-position:top center}.article__content-inner{position:relative;padding-block-start:4rem;padding-block-end:4.8rem;margin-block-end:3.6rem;font-size:1.6rem;line-height:1.8;color:rgba(var(--color-foreground),.88)}.article__content-inner:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:.1rem;background:linear-gradient(90deg,rgb(var(--compass-accent)) 0,rgba(var(--compass-slate),.8) 6.4rem,rgba(var(--color-border),var(--alpha-border, 1)) 12.8rem)}.article__content h1,.article__content h2,.article__content h3,.article__content h4,.article__content h5,.article__content h6{margin-block-start:4.8rem;margin-block-end:1.6rem;line-height:1.2;letter-spacing:-.015em;color:rgb(var(--color-heading-text))}.article__content-inner>:first-child{margin-block-start:0}.article__content h1:before,.article__content h2:before,.article__content h3:before{content:"";display:block;width:3.2rem;height:.2rem;margin-block-end:1.6rem;background:linear-gradient(90deg,rgb(var(--compass-accent)),rgb(var(--compass-slate)))}.article__content h1{font-size:calc(var(--font-body-scale) * 1.4rem * 2.25)}.article__content h2{font-size:calc(var(--font-body-scale) * 1.4rem * 2)}.article__content h3{font-size:calc(var(--font-body-scale) * 1.4rem * 1.75)}.article__content h4{font-size:calc(var(--font-body-scale) * 1.4rem * 1.5)}.article__content h5{font-size:calc(var(--font-body-scale) * 1.4rem * 1.3)}.article__content h6{font-size:calc(var(--font-body-scale) * 1.4rem * 1.15)}.article__content p,.article__content ul,.article__content ol{margin:0 0 2.4rem}.article__content p:last-child{margin-block-end:0}.article__content strong,.article__content b{color:rgb(var(--color-heading-text))}.article__content a{color:rgb(var(--color-heading-text));text-decoration:underline;text-decoration-color:rgba(var(--compass-accent),.7);text-decoration-thickness:.1rem;text-underline-offset:.35rem;transition:text-decoration-color var(--duration-default),color var(--duration-default)}.article__content ul li::marker,.article__content ol li::marker{color:rgb(var(--compass-slate))}.article__content table+*{margin-block-start:2rem}.article__content table tr:first-child td{font-weight:var(--font-weight-bold)}@media screen and (max-width:749px){.article__content table{width:100%;overflow-wrap:anywhere}}.article__content blockquote{position:relative;margin:4rem 0;padding:2.4rem 2.4rem 2.4rem 3.2rem;font-family:var(--font-italic-family);font-size:2rem;line-height:1.5;font-style:italic;color:rgb(var(--color-heading-text));background:linear-gradient(90deg,rgba(var(--compass-slate),.12),rgba(var(--compass-slate),0));border-inline-start:.2rem solid rgb(var(--compass-accent))}.article__content blockquote p{margin:0}.article__content img{margin:0;max-width:100%;display:block}.article__content p:has(>img){margin-block:4rem}.article__content p>img+em,.article__content p>img+br+em{display:block;margin-block-start:1.4rem;padding-inline-start:1.4rem;font-size:1.3rem;line-height:1.6;color:rgba(var(--color-foreground),.6);border-inline-start:.2rem solid rgb(var(--compass-slate))}.article .social-sharing{justify-content:center;gap:.8rem;padding-block-start:2.4rem;margin-block-start:-1.2rem;color:rgb(var(--color-foreground))}.article .social-sharing__item+.social-sharing__item{margin:0}.article .social-sharing__link{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;color:rgba(var(--color-foreground),.75);background:rgba(var(--color-background),.8);border:.1rem solid rgba(var(--color-foreground),.14);-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);transition:color var(--duration-default),border-color var(--duration-default),background-color var(--duration-default)}.article .social-sharing__link svg{width:1.6rem;height:1.6rem}.article__back{display:flex;flex-direction:column;align-items:center}.social-sharing+.article__back{margin-block-start:2.4rem}.article__back-link{display:flex;align-items:center;border-radius:0}.article__back-link svg{margin-inline-start:-.2rem;margin-inline-end:.4rem;flex-shrink:0;transition:transform var(--duration-default)}@media(hover:hover){.article__tags a:hover{text-decoration-color:currentColor}.article__content a:hover{text-decoration-color:rgb(var(--compass-accent))}.article .social-sharing__link:hover{color:rgb(var(--color-background));background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.article__back-link:hover svg{transform:translate(-.2rem)}[dir=rtl] .article__back-link:hover svg{transform:translate(.2rem)}}@media screen and (max-width:749px){.article__breadcrumbs{padding:2.4rem calc(var(--page-gutter) * 1.5) 3.2rem}.article__hero:before,.article__hero:after{width:2rem;height:2rem}.article__hero:before{inset-block-start:-.6rem;inset-inline-start:-.6rem}.article__hero:after{inset-block-end:-.6rem;inset-inline-end:-.6rem}}@media screen and (min-width:750px){.article__breadcrumbs{padding:3.6rem var(--page-gutter) 5.6rem}.article__breadcrumbs ul{justify-content:center}.article__masthead{padding-block-end:8rem}.article__masthead:has(~.article__hero){padding-block-end:17.6rem}.article__masthead~.article__hero{margin-block-start:-12.8rem}.article__content-inner{padding-block-start:6.4rem;padding-block-end:6.4rem;margin-block-end:4.8rem;font-size:1.7rem}.article__content table+*{margin-block-start:2.9rem}.article__content p,.article__content ul,.article__content ol{margin-block-end:2.8rem}.article__content blockquote{margin-block:4.8rem;padding:3.2rem 3.2rem 3.2rem 4rem;font-size:2.4rem}.article__content p:has(>img){margin-block:4.8rem}}@media screen and (min-width:990px){.article__share a>svg{width:1.6rem;height:1.6rem}.article__share+.article__back{margin-block-start:0}.article .article__share--normal{position:relative;width:100%;flex-direction:row;padding-block:var(--spacing-5)}.article .article__share--sticky{position:sticky;inset-block-start:calc(var(--social-share-sticky-top) + 2.4rem);inset-inline-start:calc(var(--social-share-sticky-start) + 3.6rem);z-index:2;flex-direction:column;width:3.6rem;height:0;order:-1;margin-block-start:0;padding-block-start:unset;justify-content:flex-start}.article__masthead{order:-2}}.article__comments-wrapper{padding-block:3.6rem;margin-block-start:3.6rem;border-block-start:.1rem solid rgba(var(--color-border),var(--alpha-border))}.article__comments{padding-block-end:4.8rem;border-block-end:.1rem solid rgba(var(--color-border),var(--alpha-border))}.article__comments-title{margin:0 0 2.4rem}.article__comments-title:last-child{margin-block-end:0}.comment-form>h2{margin:0 0 1.6rem;font-size:var(--font-size-static-xl);line-height:var(--line-height-static-md);text-transform:none}.article__comments-wrapper h2:focus-visible,.article__comments-wrapper p:focus-visible{outline:none}.article__comment{padding:2.4rem;background-color:rgb(var(--color-background))}.article__comment+.article__comment{margin-block-start:2.4rem}.article__comment>p{color:rgb(var(--color-heading-text))}.article__comment-foot{font-size:var(--font-size-static-sm)}.article__comment p{margin:0 0 1.2rem}.article__comments-pagination-alt{margin-block-start:3.2rem}.article__comments-message{margin-block-start:1.6rem}.article__comments-message .form__message{display:flex;align-items:center;font-size:var(--font-size-static-sm);color:rgb(var(--color-heading-text));margin:0}.article__comments-message .form__message svg{margin-inline-end:1.6rem;flex-shrink:0}.article__comments-wrapper .pagination-wrapper{margin:2.3rem 0;padding:0}.article__comments-fields{margin:3rem 0 1.6rem}.comment-form{padding-block-start:4.8rem;color:rgb(var(--color-heading-text))}.comment-form .field__input{display:block;color:inherit}.comment-form .field__label{color:inherit;letter-spacing:var(--letter-spacing-small)}.comment-form textarea{padding-block:1.45rem;height:11.4rem;resize:vertical}.comment-form .button{min-width:19.2rem}.article__comments-wrapper--no-comments .comment-form{padding-block-start:0}@media screen and (min-width:575px){.comment-form .form-row--double{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:750px){.article__comments-wrapper{margin-block-start:4.8rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-article.css.map */