:root{--article-charcoal: #36454f;--article-sage: #afbab4;--article-white: #ffffff;--article-text-color: var(--article-charcoal);--article-text-muted: rgba(54, 69, 79, .7);--article-border-color: rgba(175, 186, 180, .3);--article-content-width: 740px;--article-shadow-offset: 12px;--article-transition: .3s ease}.article-main{position:relative;background-color:var(--article-white);font-family:Merriweather,Georgia,serif;color:var(--article-charcoal)}.article-main__container{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 20px}.article-main__back-nav{padding:1.5rem 0;margin-bottom:2rem;border-bottom:1px solid var(--article-border-color);position:relative}.article-main__back-nav:after{content:"";position:absolute;bottom:-1px;left:0;width:80px;height:2px;background:linear-gradient(90deg,var(--article-sage),transparent)}.article-main__back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--article-sage);text-decoration:none;text-transform:uppercase;letter-spacing:2px;font-size:.8rem;font-weight:800;transition:all var(--article-transition);position:relative}.article-main__back-link:before{content:"";position:absolute;bottom:-.5rem;left:0;width:0;height:2px;background:var(--article-sage);transition:width var(--article-transition)}.article-main__back-link:hover{color:var(--article-charcoal);transform:translate(-4px)}.article-main__back-link:hover:before{width:100%}.article-main__back-arrow{font-size:1.5rem;line-height:1;transition:transform var(--article-transition)}.article-main__back-link:hover .article-main__back-arrow{transform:translate(-4px)}.article-main__header{max-width:var(--article-content-width);margin:0 auto 3rem;text-align:center}.article-main__category{margin-bottom:2rem;position:relative}.article-main__category-link{display:inline-block;color:var(--article-charcoal);text-decoration:none;text-transform:uppercase;letter-spacing:3px;font-size:.75rem;font-weight:800;padding-bottom:.5rem;position:relative;transition:color var(--article-transition)}.article-main__category-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:3px;background:var(--article-sage);transition:width var(--article-transition)}.article-main__category-link:hover{color:var(--article-charcoal);opacity:.8}.article-main__category-link:hover:after{width:80px}.article-main__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.15;margin:0 0 1.5rem;color:var(--article-charcoal);letter-spacing:-1px;position:relative}.article-main__title:before{content:"";position:absolute;top:-16px;left:50%;transform:translate(-50%);width:60px;height:60px;background:var(--article-sage);border-radius:50%;opacity:.15;z-index:-1}.article-main__meta{font-style:italic;font-size:.95rem;color:var(--article-text-muted);display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;letter-spacing:.3px}.article-main__meta-divider{color:var(--article-sage);font-style:normal}.article-main__hero{max-width:var(--article-content-width);margin:0 auto 4rem}.article-main__hero-image-wrapper{position:relative;width:100%;overflow:visible;transition:all var(--article-transition)}.article-main__hero-image-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:var(--article-shadow-offset) var(--article-shadow-offset) 0 #afbab433;z-index:-1;transition:all var(--article-transition);pointer-events:none}.article-main__hero-image-wrapper:hover:before{box-shadow:16px 16px #afbab466}.article-main__hero-image-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 60%,rgba(54,69,79,.03));opacity:0;transition:opacity var(--article-transition);pointer-events:none}.article-main__hero-image-wrapper:hover:after{opacity:1}.article-main__hero-image{width:100%;height:auto;max-height:600px;object-fit:cover;display:block}.article-main__hero-image-wrapper:hover .article-main__hero-image{transform:none}.article-main__content{max-width:var(--article-content-width);margin:0 auto 4rem;font-size:1.15rem;line-height:1.8;color:var(--article-charcoal);font-weight:300;letter-spacing:.2px}.article-main__content p{margin-bottom:2rem}.article-main__content p:last-child{margin-bottom:0}.article-main__content>p:first-of-type:first-letter{font-size:4.5rem;line-height:.85;float:left;margin:.1em .15em 0 0;font-weight:900;color:var(--article-sage)}.article-main__content h2{font-size:2rem;font-weight:900;margin:3rem 0 1.5rem;color:var(--article-charcoal);position:relative;padding-bottom:1rem;letter-spacing:-.5px}.article-main__content h2:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,var(--article-sage),transparent);border-radius:2px}.article-main__content h3{font-size:1.7rem;font-weight:700;margin:2.5rem 0 1.25rem;color:var(--article-charcoal);letter-spacing:-.3px}.article-main__content h4{font-size:1.4rem;font-weight:600;margin:2.5rem 0 1.25rem;color:var(--article-charcoal);letter-spacing:-.2px}.article-main__content ul,.article-main__content ol{margin:2.5rem 0;padding-left:2rem}.article-main__content ul li,.article-main__content ol li{margin-bottom:1.2rem;line-height:1.85;position:relative}.article-main__content ul{list-style:none}.article-main__content ul li:before{content:"\2192";position:absolute;left:-2rem;color:var(--article-sage);font-weight:700;font-size:1.1em}.article-main__content ol{counter-reset:article-counter;list-style:none}.article-main__content ol li{counter-increment:article-counter}.article-main__content ol li:before{content:counter(article-counter) ".";position:absolute;left:-2rem;color:var(--article-sage);font-weight:800;font-size:1.1em}.article-main__content blockquote{margin:3rem 0;padding:2rem 2rem 2rem 2.5rem;border-left:4px solid var(--article-sage);background:var(--article-white);font-style:italic;font-size:1.4rem;line-height:1.6;color:var(--article-charcoal);position:relative;box-shadow:0 4px 12px #36454f0d}.article-main__content blockquote:before{content:'"';position:absolute;top:1rem;left:1.5rem;font-size:5rem;line-height:1;color:var(--article-sage);opacity:.2;font-family:Georgia,serif;font-weight:900}.article-main__content blockquote p{margin-bottom:1.5rem;animation:none;opacity:1;transform:none}.article-main__content blockquote p:last-child{margin-bottom:0}.article-main__content blockquote cite{display:block;margin-top:1.5rem;font-size:1rem;font-style:normal;color:var(--article-text-muted);font-weight:600;letter-spacing:.5px}.article-main__content blockquote cite:before{content:"\2014  ";color:var(--article-sage)}.article-main__content a{color:var(--article-sage);text-decoration:none;position:relative;background:linear-gradient(to bottom,var(--article-sage) 0%,var(--article-sage) 100%);background-size:0 2px;background-repeat:no-repeat;background-position:left bottom;transition:background-size var(--article-transition),color var(--article-transition);padding-bottom:1px}.article-main__content a:hover{background-size:100% 2px;color:var(--article-charcoal)}.article-main__content img{max-width:100%;height:auto;display:block;margin:3rem auto;box-shadow:0 15px 40px #36454f1a,0 5px 15px #36454f0d;border-radius:2px}.article-main__content strong{font-weight:700;color:var(--article-charcoal)}.article-main__content em{font-style:italic;color:var(--article-charcoal)}.article-main__content code{background:#afbab426;padding:.3em .6em;border-radius:4px;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.88em;color:var(--article-charcoal);border:1px solid rgba(175,186,180,.3)}.article-main__content pre{background:var(--article-charcoal);padding:2rem;border-radius:6px;overflow-x:auto;margin:3rem 0;border:none;box-shadow:0 10px 30px #36454f26}.article-main__content pre code{background:none;padding:0;border:none;color:#fff;font-size:.9em}.article-main__content hr{border:none;margin:5rem auto;max-width:200px;height:20px;position:relative;text-align:center}.article-main__content hr:before{content:"***";color:var(--article-sage);font-size:1.5rem;letter-spacing:1rem;font-weight:300}.article-main__content .product-cta{background:var(--article-charcoal);color:var(--article-white);padding:3rem;margin:4rem 0;border-radius:4px;display:flex;gap:2rem;align-items:center;position:relative;overflow:hidden;box-shadow:0 20px 50px #36454f26}.article-main__content .product-cta:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,var(--article-sage) 0%,transparent 70%);opacity:.08;border-radius:50%;transform:translate(30%,-30%)}.article-main__content .product-cta__image{flex:0 0 180px;position:relative;z-index:1}.article-main__content .product-cta__image img{width:100%;height:auto;margin:0;border:3px solid rgba(255,255,255,.1);border-radius:4px;box-shadow:0 10px 25px #0000004d;transition:transform var(--article-transition)}.article-main__content .product-cta:hover .product-cta__image img{transform:scale(1.02)}.article-main__content .product-cta__content{flex:1;position:relative;z-index:1}.article-main__content .product-cta__heading{font-size:2rem;font-weight:900;margin:0 0 1.25rem;color:var(--article-white);letter-spacing:-.5px}.article-main__content .product-cta__heading:after{display:none}.article-main__content .product-cta__description{font-size:1.05rem;line-height:1.7;margin-bottom:2rem;opacity:.95;font-weight:300}.article-main__content .product-cta__description p{margin-bottom:1rem;animation:none;opacity:1;transform:none}.article-main__content .product-cta__button{display:inline-flex;align-items:center;gap:.75rem;background-color:var(--article-sage);color:var(--article-charcoal);padding:12px 28px;text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:.85rem;border-radius:4px;transition:all var(--article-transition);position:relative;border:1px solid transparent}.article-main__content .product-cta__button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.article-main__content .product-cta__button:hover:before{width:300px;height:300px}.article-main__content .product-cta__button:hover{transform:translateY(-2px);background-color:var(--article-white);color:var(--article-charcoal);opacity:1}.article-main__content .product-cta__button:after{content:"\2192";transition:transform var(--article-transition)}.article-main__content .product-cta__button:hover:after{transform:translate(4px)}.article-main__footer{max-width:var(--article-content-width);margin:6rem auto 0;padding-top:3rem;border-top:2px solid rgba(175,186,180,.2);position:relative}.article-main__footer:before{display:none}.article-main__footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem}.article-main__share{flex:1}.article-main__share-heading{font-size:1.4rem;font-weight:700;margin-bottom:2rem;color:var(--article-charcoal);text-align:left;letter-spacing:-.3px}.article-main__share-buttons{display:flex;gap:1rem;flex-wrap:wrap}.article-main__share-button{display:inline-flex;align-items:center;gap:.625rem;padding:.875rem 1.75rem;background:#fff;border:1px solid var(--article-border-color);color:var(--article-charcoal);text-decoration:none;border:2px solid var(--article-sage-light);border-radius:6px;font-size:.875rem;font-weight:700;letter-spacing:.5px;transition:all var(--article-transition);cursor:pointer;position:relative;overflow:hidden}.article-main__share-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(175,186,180,.15),transparent);transition:left .5s ease}.article-main__share-button:hover:before{left:100%}.article-main__share-button:hover{background:var(--article-sage);color:var(--article-white);border-color:var(--article-sage);transform:translateY(-3px);box-shadow:0 10px 25px #afbab440,0 4px 10px #afbab426}.article-main__share-button svg{width:20px;height:20px;transition:transform var(--article-transition)}.article-main__share-button:hover svg{transform:scale(1.1)}.article-main__nav{flex-shrink:0}.article-main__nav-link{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:var(--article-white);border:1px solid var(--article-border-color);border-radius:4px;text-decoration:none;transition:all var(--article-transition);min-width:240px;position:relative}.article-main__nav-link:before{display:none}.article-main__nav-link:hover{background:#afbab41a;border-color:var(--article-sage);transform:translateY(-2px);box-shadow:0 5px 15px #36454f1a}.article-main__nav-link--next{text-align:right}.article-main__nav-label{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--article-sage);font-weight:800;transition:color var(--article-transition)}.article-main__nav-link:hover .article-main__nav-label{color:var(--article-charcoal)}.article-main__nav-title{font-size:1.2rem;font-weight:700;color:var(--article-charcoal);line-height:1.4;letter-spacing:-.3px;transition:color var(--article-transition)}.article-main__nav-link:hover .article-main__nav-title{color:var(--article-charcoal)}@media screen and (max-width:768px){.article-main__container{padding:0 16px}.article-main__back-nav{padding:2rem 0;margin-bottom:3rem}.article-main__title{font-size:clamp(1.75rem,5vw,2.5rem)}.article-main__meta{font-size:.875rem}.article-main__hero{margin-bottom:4rem}.article-main__hero-image-wrapper:before{box-shadow:16px 16px 0 var(--article-sage-pale),16px 16px 0 2px var(--article-sage-light)}.article-main__hero-image{max-height:400px}.article-main__content{font-size:1.1rem;margin-bottom:4rem}.article-main__content>p:first-of-type:first-letter{font-size:3.5rem}.article-main__content h2{font-size:1.8rem;margin-top:3rem}.article-main__content h3{font-size:1.4rem}.article-main__content blockquote{padding:2rem 2rem 2rem 2.5rem;font-size:1.2rem}.article-main__content .product-cta{flex-direction:column;padding:2.5rem;gap:2rem}.article-main__content .product-cta__image{flex:0 0 auto;width:100%;max-width:300px}.article-main__footer{margin-top:5rem}.article-main__footer-content{flex-direction:column}.article-main__share-buttons{gap:.875rem}.article-main__share-button{padding:.75rem 1.25rem;font-size:.8125rem}.article-main__nav-link{min-width:0}}@media screen and (max-width:480px){.article-main__back-nav{padding:1.5rem 0;margin-bottom:2.5rem}.article-main__title{font-size:1.75rem}.article-main__title:before{width:50px;height:50px;top:-12px}.article-main__hero-image-wrapper:before{box-shadow:12px 12px 0 var(--article-sage-pale),12px 12px 0 1px var(--article-sage-light)}.article-main__hero-image{max-height:300px}.article-main__content{font-size:1.05rem}.article-main__content>p:first-of-type:first-letter{font-size:3rem}.article-main__content h2{font-size:1.5rem}.article-main__content h3{font-size:1.25rem}.article-main__content blockquote{padding:1.5rem 1.5rem 1.5rem 2rem;font-size:1.1rem;margin:3rem 0}.article-main__content blockquote:before{font-size:4rem;top:.5rem;left:1rem}.article-main__content .product-cta{padding:2rem}.article-main__content .product-cta__heading{font-size:1.6rem}.article-main__share-buttons{flex-direction:column}.article-main__share-button{width:100%;justify-content:center}}@media print{.article-main:before{display:none}.article-main__back-nav,.article-main__share,.article-main__nav{display:none}.article-main__hero-image-wrapper:before,.article-main__hero-image-wrapper:after{display:none}.article-main__content{font-size:12pt;line-height:1.7}.article-main__content p,.article-main__header,.article-main__hero{animation:none;opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.article-main:before{animation:none}.article-main__header,.article-main__hero,.article-main__content p{animation:none;opacity:1;transform:none}}@media(prefers-contrast:high){.article-main__title,.article-main__content h2,.article-main__content h3{font-weight:900}.article-main__category-link:after,.article-main__content h2:after{height:4px}.article-main__hero-image-wrapper:before{box-shadow:var(--article-shadow-offset) var(--article-shadow-offset) 0 var(--article-sage),var(--article-shadow-offset) var(--article-shadow-offset) 0 3px var(--article-charcoal)}}.article-main a:focus-visible,.article-main button:focus-visible{outline:3px solid var(--article-sage-dark);outline-offset:4px}
/*# sourceMappingURL=/cdn/shop/t/10/assets/article-main.css.map */