.article{display:block;background:var(--color-white-50, #ffffff)}.article-hero{position:relative;width:100%;height:clamp(420px,55vw,720px);overflow:hidden;isolation:isolate;display:flex;align-items:flex-end}.article-hero__img,.article-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.article-hero__img{object-fit:cover;display:block}.article-hero__placeholder{background:var(--color-white-300, #f6f6f6);display:flex;align-items:center;justify-content:center}.article-hero__placeholder .article-hero__img--placeholder{width:100%;height:100%;object-fit:cover;opacity:.5}.article-hero__mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0000 0% 40%,#00000073 80%,#000000b8)}.article-hero__content{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2, 8px);padding:var(--space-12, 64px) var(--space-12, 64px) var(--space-12, 64px) clamp(24px,7.8vw,150px);color:var(--color-white-100, #fefefe)}.article-hero__meta{display:flex;flex-flow:row wrap;align-items:center;gap:var(--space-4, 16px);font-family:var(--font-body--family);font-weight:500;font-size:16px;line-height:24px;letter-spacing:-.32px;color:var(--color-white-100, #fefefe)}.article-hero__meta-item{display:inline-flex;align-items:center;gap:var(--space-2, 8px);height:48px}.article-hero__icon{color:currentColor}.article-hero__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.article-hero__title{margin:0;font-family:var(--font-heading--family);font-weight:600;font-size:clamp(2rem,4.2vw,4rem);line-height:1.2;letter-spacing:-.96px;color:var(--color-white-100, #fefefe);max-width:70rem}.article-meta-strip{display:flex;flex-direction:column;gap:var(--space-7, 32px);padding-block-start:var(--space-10, 48px);padding-block-end:0}.article-meta-strip__breadcrumbs{padding-inline:clamp(24px,5.4vw,104px)}.article-meta-strip__row{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;gap:var(--space-6, 24px);padding-inline:clamp(24px,5.4vw,104px);padding-block-end:var(--space-4, 16px);border-block-end:.5px solid var(--color-white-600, #b9b9b9)}.article-meta-strip__author{display:flex;align-items:center;gap:var(--space-4, 16px)}.article-meta-strip__avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--color-grey-50, #ecebeb);overflow:hidden;flex-shrink:0}.article-meta-strip__avatar-img{width:100%;height:100%;object-fit:cover;display:block}.article-meta-strip__avatar-fallback{font-family:var(--font-heading--family);font-weight:600;font-size:22px;color:var(--color-grey-600, #403b3b);line-height:1}.article-meta-strip__author-text{display:flex;flex-direction:column;gap:0}.article-meta-strip__author-name{font-family:var(--font-body--family);font-weight:600;font-size:16px;line-height:1.4;letter-spacing:-.32px;color:var(--color-grey-600, #403b3b)}.article-meta-strip__author-date{font-family:var(--font-body--family);font-weight:400;font-size:16px;line-height:1.5;letter-spacing:-.32px;color:var(--color-white-800, #6f6f6f)}.article-share{display:flex;flex-direction:column;align-items:center;gap:var(--space-2, 8px)}.article-share__label{font-family:var(--font-body--family);font-weight:600;font-size:16px;line-height:1.4;letter-spacing:-.32px;color:var(--color-grey-600, #403b3b);text-align:center}.article-share__list{display:flex;align-items:center;justify-content:center;gap:var(--space-4, 16px);list-style:none;padding:0;margin:0}.article-share__link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;color:var(--color-grey-600, #403b3b);text-decoration:none;transition:color .15s ease,background-color .15s ease}.article-share__link:hover{background:var(--color-grey-50, #ecebeb);color:var(--color-grey-900, #262323)}.article-share__link:focus-visible{outline:2px solid var(--color-grey-900, #262323);outline-offset:2px}.article-layout{display:grid;grid-template-columns:minmax(0,1054fr) minmax(0,626fr);gap:var(--space-7, 32px);padding-inline:clamp(24px,5.4vw,104px);padding-block:var(--space-7, 32px) var(--space-14, 72px)}.article-layout__body{min-width:0;padding-block-start:var(--space-9, 40px)}.article-content{font-family:var(--font-body--family);font-weight:400;font-size:16px;line-height:1.5;letter-spacing:-.32px;color:var(--color-white-800, #6f6f6f)}.article-content>*:first-child{margin-block-start:0}.article-content h2,.article-content h3,.article-content h4{font-family:var(--font-heading--family);font-weight:600;color:var(--color-grey-600, #403b3b);letter-spacing:-.48px;line-height:1.4;margin:var(--space-8, 36px) 0 var(--space-3, 12px)}.article-content h2{font-size:32px}.article-content h3{font-size:24px}.article-content h4{font-size:20px}.article-content p{margin:0 0 var(--space-3, 12px)}.article-content p:last-child{margin-bottom:0}.article-content a{color:var(--color-grey-600, #403b3b);text-decoration:underline;text-underline-offset:3px}.article-content a:hover{color:var(--color-grey-900, #262323)}.article-content a:focus-visible{outline:2px solid var(--color-grey-900, #262323);outline-offset:2px;border-radius:2px}.article-content img,.article-content figure img{max-width:100%;width:100%;height:auto;display:block;margin:var(--space-6, 24px) 0}.article-content figure{margin:var(--space-6, 24px) 0}.article-content figcaption{font-family:var(--font-body--family);font-size:14px;line-height:1.5;color:var(--color-white-700, #949494);margin-block-start:var(--space-3, 12px);text-align:center}.article-content ul,.article-content ol{margin:0 0 var(--space-3, 12px);padding-inline-start:var(--space-6, 24px);display:flex;flex-direction:column;gap:var(--space-3, 12px)}.article-content li{position:relative;padding-inline-start:0;line-height:1.5}.article-content ul{list-style:none;padding-inline-start:0}.article-content ul>li{padding-inline-start:28px}.article-content ul>li:before{content:"";position:absolute;left:0;top:7px;width:16px;height:16px;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='5 13 10 18 19 7'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='5 13 10 18 19 7'/></svg>");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;color:var(--color-orange-500, #cd473a)}.article-content blockquote{border-inline-start:3px solid var(--color-grey-600, #403b3b);margin-inline:0;padding-inline-start:var(--space-5, 20px);margin-block:var(--space-7, 32px);font-style:italic;color:var(--color-grey-600, #403b3b)}.article-content__tags{display:flex;flex-flow:row wrap;gap:var(--space-2, 8px);list-style:none;padding:0;margin:var(--space-6, 24px) 0 0}.article-content__tag{display:inline-flex;align-items:center;padding:var(--space-1, 4px) var(--space-3, 12px);border:1px solid var(--color-grey-100, #e2e2e2);font-family:var(--font-body--family);font-size:14px;color:var(--color-grey-700, #3a3535);text-decoration:none;text-transform:uppercase;letter-spacing:.04em}.article-content__tag:hover{background-color:var(--color-grey-900, #262323);border-color:var(--color-grey-900, #262323);color:var(--color-white-100, #fefefe)}.article-sidebar{min-width:0;padding-block-start:var(--space-9, 40px);padding-inline-start:var(--space-7, 32px);position:sticky;top:var(--space-6, 24px);align-self:flex-start;display:flex;flex-direction:column;gap:var(--space-4, 16px)}.article-sidebar__heading{margin:0;font-family:var(--font-heading--family);font-weight:600;font-size:24px;line-height:1.4;letter-spacing:-.36px;color:var(--color-grey-600, #403b3b)}.article-sidebar__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4, 16px)}.article-sidebar__empty{margin:0;font-size:14px;color:var(--color-white-800, #6f6f6f)}.article-popular-card{display:grid;grid-template-columns:184px minmax(0,1fr);gap:var(--space-6, 24px);align-items:center;background:var(--color-white-50, #ffffff)}.article-popular-card__image-link{display:block;height:164px;width:184px;overflow:hidden;line-height:0}.article-popular-card__image{width:100%;height:100%;object-fit:cover;display:block}.article-popular-card__image--placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-white-300, #f6f6f6);width:100%;height:100%}.article-popular-card__body{display:flex;flex-direction:column;justify-content:center;gap:var(--space-3, 12px);min-width:0;padding-block-end:var(--space-3, 12px);align-self:stretch}.article-popular-card__date{font-family:var(--font-body--family);font-weight:400;font-size:14px;line-height:1.6;letter-spacing:-.28px;color:#737373}.article-popular-card__title{margin:0;font-family:var(--font-heading--family);font-weight:500;font-size:18px;line-height:1.4;letter-spacing:-.27px;color:var(--color-grey-600, #403b3b)}.article-popular-card__title-link{color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-popular-card__title-link:hover{color:var(--color-grey-900, #262323)}.article-popular-card__excerpt{margin:0;font-family:var(--font-body--family);font-weight:400;font-size:16px;line-height:1.5;letter-spacing:-.32px;color:var(--color-white-800, #6f6f6f);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-popular-card__more{font-family:var(--font-body--family);font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-.32px;color:var(--color-grey-600, #403b3b);text-decoration:underline;text-underline-offset:3px}.article-popular-card__more:hover{color:var(--color-grey-900, #262323)}.article-popular-card__more:focus-visible,.article-popular-card__title-link:focus-visible{outline:2px solid var(--color-grey-900, #262323);outline-offset:2px}.article-similar{background:#f9f9f9;padding-block:var(--space-13, 80px);padding-inline:clamp(24px,5.4vw,104px);display:flex;flex-direction:column;gap:var(--space-9, 40px)}.article-similar__heading{margin:0;font-family:var(--font-heading--family);font-weight:500;font-size:clamp(28px,3vw,44px);line-height:1.4;letter-spacing:-.66px;color:var(--color-grey-850, #302c2c)}.article-similar__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6, 24px);list-style:none;padding:0;margin:0}.article-similar__item{min-width:0}.article-newsletter{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;padding-block:var(--space-13, 80px);padding-inline:clamp(24px,7.8vw,150px);overflow:hidden}.article-newsletter__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom;z-index:0}.article-newsletter__bg--fallback{background:linear-gradient(135deg,var(--color-orange-50, #faedeb) 0%,var(--color-white-300, #f6f6f6) 100%)}.article-newsletter__card{position:relative;z-index:1;width:100%;max-width:944px;background:var(--color-white-100, #fefefe);display:flex;flex-direction:column;align-items:center;gap:var(--space-9, 40px);padding-block:var(--space-9, 40px);padding-inline:var(--space-7, 32px);text-align:center}.article-newsletter__text{display:flex;flex-direction:column;gap:var(--space-4, 16px);align-items:center;width:100%}.article-newsletter__heading{margin:0;font-family:var(--font-heading--family);font-weight:500;font-size:clamp(28px,3vw,44px);line-height:1.27;letter-spacing:-.66px;color:var(--color-grey-850, #302c2c)}.article-newsletter__body{margin:0;font-family:var(--font-body--family);font-weight:400;font-size:18px;line-height:1.33;letter-spacing:-.36px;color:var(--color-white-800, #6f6f6f);max-width:831px}.article-newsletter__cta{display:inline-flex;align-items:center;justify-content:center;min-width:206px;height:61px;padding-inline:var(--space-6, 24px);background:var(--color-grey-850, #302c2c);color:var(--color-white-100, #fefefe);font-family:var(--font-body--family);font-weight:500;font-size:16px;line-height:24px;letter-spacing:-.32px;text-decoration:none;border-radius:0;transition:background-color .15s ease}.article-newsletter__cta:hover{background:var(--color-grey-950, #1d1b1b);color:var(--color-white-100, #fefefe)}.article-newsletter__cta:focus-visible{outline:2px solid var(--color-grey-900, #262323);outline-offset:2px}@media(max-width:64rem){.article-layout{grid-template-columns:minmax(0,1fr)}.article-sidebar{position:static;padding-inline-start:0;padding-block-start:0}.article-similar__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:48rem){.article-hero{height:clamp(360px,80vw,480px)}.article-hero__content{padding-inline:var(--space-5, 20px);padding-block:var(--space-7, 32px);gap:var(--space-3, 12px)}.article-hero__meta{font-size:14px;gap:var(--space-3, 12px)}.article-hero__meta-item{height:auto}.article-hero__title{font-size:clamp(1.5rem,7vw,2.25rem);letter-spacing:-.5px;line-height:1.2}.article-meta-strip{gap:var(--space-5, 20px);padding-block-start:var(--space-6, 24px)}.article-meta-strip__breadcrumbs{padding-inline:var(--space-5, 20px)}.article-meta-strip__row{flex-direction:column;align-items:flex-start;gap:var(--space-5, 20px);padding-inline:var(--space-5, 20px)}.article-share{align-items:flex-start}.article-share__list{justify-content:flex-start}.article-layout{padding-inline:var(--space-5, 20px);padding-block-end:var(--space-10, 48px);gap:var(--space-8, 36px)}.article-layout__body{padding-block-start:var(--space-6, 24px)}.article-content h2{font-size:24px}.article-content h3{font-size:20px}.article-similar{padding-inline:var(--space-5, 20px);padding-block:var(--space-10, 48px);gap:var(--space-6, 24px)}.article-similar__grid{grid-template-columns:minmax(0,1fr)}.article-newsletter{padding-inline:var(--space-5, 20px);padding-block:var(--space-10, 48px)}.article-newsletter__card{padding-inline:var(--space-5, 20px);padding-block:var(--space-7, 32px);gap:var(--space-6, 24px)}.article-newsletter__body{font-size:16px}.article-popular-card{grid-template-columns:120px minmax(0,1fr);gap:var(--space-4, 16px)}.article-popular-card__image-link{height:120px;width:120px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/article.css.map */