.article-template{--article-content-width: 74rem}.article-template__header-shell{margin-top:3rem}.article-template__header{max-width:94rem;margin:0 auto;padding:3rem 0 3.2rem;border-top:.1rem solid rgba(var(--color-foreground),.1);border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.article-template__eyebrow{display:inline-block;margin:0 0 1.4rem;color:var(--article-accent);font-size:1.2rem;font-weight:700;letter-spacing:.14em;line-height:1.3;text-decoration:none;text-transform:uppercase}.article-template__eyebrow:hover{text-decoration:underline;text-underline-offset:.3rem}.article-template__title{max-width:18ch;margin:0;font-size:clamp(3.8rem,7vw,7rem);letter-spacing:-.045em;line-height:.98;text-wrap:balance}.article-template__lead{max-width:72rem;margin-top:2rem;color:rgba(var(--color-foreground),.7);font-size:1.7rem;line-height:1.65}.article-template__lead>*:first-child{margin-top:0}.article-template__lead>*:last-child{margin-bottom:0}.article-template__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.2rem;margin-top:2rem;color:rgba(var(--color-foreground),.58);font-size:1.15rem;font-weight:650;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.article-template__meta-item{display:inline-flex;align-items:center;gap:1.2rem}.article-template__meta-item+.article-template__meta-item:before{width:.3rem;height:.3rem;border-radius:50%;background:currentColor;content:""}.article-template__hero-container{max-width:115rem;margin:3rem auto 0}.article-template__hero-container .media{overflow:hidden;border-radius:2rem;background:rgba(var(--color-foreground),.04)}.article-template__hero-container img{object-fit:cover}.article-template__hero-small{height:18rem}.article-template__hero-medium{height:30rem}.article-template__hero-large{height:42rem}.article-template__content{max-width:var(--article-content-width);margin-top:4.5rem;margin-bottom:3rem;color:rgba(var(--color-foreground),.82);font-size:1.72rem;line-height:1.78}.article-template__content h2,.article-template__content h3,.article-template__content h4{margin-top:4.8rem;margin-bottom:1.5rem;letter-spacing:-.03em;line-height:1.12;text-wrap:balance}.article-template__content h2{font-size:clamp(2.8rem,4vw,3.8rem)}.article-template__content h3{font-size:clamp(2.2rem,3vw,2.8rem)}.article-template__content p,.article-template__content ul,.article-template__content ol,.article-template__content blockquote,.article-template__content pre,.article-template__content table{margin-top:0;margin-bottom:2rem}.article-template__content ul,.article-template__content ol{padding-left:2.4rem}.article-template__content li+li{margin-top:.7rem}.article-template__content a{color:var(--article-accent);text-decoration-thickness:.1rem;text-underline-offset:.3rem}.article-template__content img{height:auto;border-radius:1.8rem}.article-template__content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;white-space:nowrap}.article-template__content th,.article-template__content td{padding:1rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.12);text-align:left}.article-template__content pre{max-width:100%;padding:1.8rem;overflow-x:auto;border-radius:1.2rem;background:rgba(var(--color-foreground),.05)}.article-template__content blockquote{margin-left:0;padding:1.8rem 2rem;border-left:.3rem solid var(--article-accent);border-radius:0 1.4rem 1.4rem 0;background:color-mix(in srgb,var(--article-accent) 6%,transparent);color:rgba(var(--color-foreground),.78)}.article-template__resource-nav{width:min(92rem,calc(100vw - 4rem));margin:clamp(5.2rem,7vw,6.8rem) 0 0 50%;border-top:.1rem solid rgba(var(--color-foreground),.14);border-bottom:.1rem solid rgba(var(--color-foreground),.14);transform:translate(-50%)}.article-template__resource-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.6rem 3rem;align-items:center;min-height:8.6rem;padding:1.7rem 0}.article-template__resource-summary:focus-visible{outline:.2rem solid var(--article-accent);outline-offset:.4rem}.article-template__content .article-template__resource-header h2{margin:0 0 .8rem;color:var(--article-accent);font-size:clamp(1.9rem,2.4vw,2.4rem);font-weight:700;letter-spacing:-.025em;line-height:1.15;text-wrap:pretty;transition:color .16s ease}.article-template__content .article-template__resource-header p{max-width:24rem;margin:0;color:rgba(var(--color-foreground),.58);font-size:1.25rem;line-height:1.55}.article-template__resource-summary:hover .article-template__resource-header h2,.article-template__resource-summary:focus-visible .article-template__resource-header h2{color:color-mix(in srgb,var(--article-accent) 76%,rgb(var(--color-foreground)))}.article-template__resource-meta{display:inline-flex;gap:1.4rem;align-items:center;justify-content:flex-end;color:rgba(var(--color-foreground),.54);font-size:1.15rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.article-template__resource-caret{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border:.1rem solid rgba(var(--color-foreground),.14);border-radius:50%;color:var(--article-accent)}.article-template__resource-caret .icon-caret{position:static;width:1rem;height:.6rem;transition:transform .16s ease}.article-template__resource-nav[open] .article-template__resource-caret .icon-caret{transform:rotate(180deg)}.article-template__resource-body{display:grid;grid-template-columns:minmax(17rem,.32fr) minmax(0,1fr);gap:1.6rem 4rem;align-items:start;padding-bottom:2.4rem}.article-template__resource-links{grid-column:2;border-top:.1rem solid rgba(var(--color-foreground),.12)}.article-template__content .article-template__resource-link{display:grid;grid-template-columns:minmax(0,1fr) 1.6rem;gap:1.6rem;align-items:center;min-height:6rem;padding:1.25rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.12);color:inherit;text-decoration:none}.article-template__resource-copy strong,.article-template__resource-copy span{display:block}.article-template__resource-copy strong{color:rgba(var(--color-foreground),.9);font-size:1.42rem;font-weight:700;letter-spacing:-.01em;line-height:1.35;transition:color .16s ease}.article-template__resource-copy span{margin-top:.25rem;color:rgba(var(--color-foreground),.58);font-size:1.2rem;line-height:1.5}.article-template__resource-arrow{display:flex;width:1.6rem;color:var(--article-accent);transition:transform .16s ease}.article-template__resource-link:hover .article-template__resource-copy strong,.article-template__resource-link:focus-visible .article-template__resource-copy strong{color:var(--article-accent)}.article-template__resource-link:hover .article-template__resource-arrow{transform:translate(.3rem)}.article-template__content .article-template__resource-disclaimer{grid-column:2;margin:0;color:rgba(var(--color-foreground),.5);font-size:1.12rem;line-height:1.55}.article-template__social-sharing{max-width:var(--article-content-width);margin-top:1rem}.article-template__related{max-width:115rem;margin-top:6rem;padding-top:3.5rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.article-template__related-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1rem 2rem;margin-bottom:2.4rem}.article-template__related-heading p{margin:0;color:var(--article-accent);font-size:1.15rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.article-template__related-heading h2{width:100%;margin:0;font-size:clamp(3rem,5vw,4.8rem);letter-spacing:-.04em;line-height:1}.article-template__related-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}.article-template__related-card{overflow:hidden;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:1.6rem;background:rgb(var(--color-background));transition:border-color .18s ease,transform .18s ease}.article-template__related-card:hover{border-color:color-mix(in srgb,var(--article-accent) 38%,transparent);transform:translateY(-.2rem)}.article-template__related-image-link{display:block;overflow:hidden}.article-template__related-image{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:rgba(var(--color-foreground),.04)}.article-template__related-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-template__related-card:hover .article-template__related-image img{transform:scale(1.025)}.article-template__related-content{padding:1.8rem 1.8rem 2rem}.article-template__related-content p{margin:0 0 .8rem;color:rgba(var(--color-foreground),.56);font-size:1.1rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.article-template__related-content h3{margin:0;font-size:2.1rem;letter-spacing:-.02em;line-height:1.15}.article-template__related-content h3 a{color:inherit;text-decoration:none}.article-template__related-content h3 a:hover{color:var(--article-accent)}.article-template__link{display:flex;align-items:center;justify-content:center;font-size:1.6rem;text-decoration:none}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__back{margin-top:3.5rem}.article-template__back:last-child{margin-bottom:4rem}.article-template__comment-wrapper{margin-top:5rem;padding:3rem 0}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{margin-bottom:1.5rem;padding:2rem 2rem 1.5rem;border-radius:1.2rem;background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),.75)}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comment-fields>*{margin-bottom:3rem}.article-template__comment-warning{margin:2rem 0 2.5rem}.article-template a:focus-visible{outline:.2rem solid var(--article-accent);outline-offset:.3rem}@media screen and (min-width:750px){.article-template__header-shell{margin-top:4rem}.article-template__header{padding:4rem 0}.article-template__lead{font-size:1.85rem}.article-template__hero-container{margin-top:4rem}.article-template__hero-container .media{border-radius:2.6rem}.article-template__hero-small{height:28rem}.article-template__hero-medium{height:46rem}.article-template__hero-large{height:64rem}.article-template__content{margin-top:5.5rem;font-size:1.78rem}.article-template__related{margin-top:8rem;padding-top:4.5rem}.article-template__related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem}.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}.article-template__comments{margin-bottom:7rem}.article-template__comments-comment{padding:2rem 2.5rem}.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}}@media screen and (min-width:990px){.article-template__related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}@media screen and (max-width:749px){.article-template__header-shell{padding-right:1.5rem;padding-left:1.5rem}.article-template__header{padding:2.8rem 0 3rem}.article-template__hero-container{padding-right:1.5rem;padding-left:1.5rem}.article-template__content{margin-top:3.8rem;font-size:1.62rem;line-height:1.74}.article-template__content h2,.article-template__content h3,.article-template__content h4{margin-top:3.6rem}.article-template__content img{border-radius:1.2rem}.article-template__resource-nav{width:100%;margin:4.4rem 0 0;transform:none}.article-template__resource-summary{gap:1.4rem;min-height:9.4rem;padding:1.7rem 0}.article-template__resource-meta>span:first-child{display:none}.article-template__resource-caret{width:3.2rem;height:3.2rem}.article-template__resource-body{grid-template-columns:minmax(0,1fr);gap:1.8rem;padding-bottom:2rem}.article-template__resource-links,.article-template__content .article-template__resource-disclaimer{grid-column:1;grid-row:auto}.article-template__content .article-template__resource-header h2{font-size:2rem}.article-template__content .article-template__resource-link{min-height:6.8rem;padding:1.35rem 0}.article-template__related{margin-top:5rem;padding-top:3rem}}@media(prefers-reduced-motion:reduce){.article-template__related-card,.article-template__related-image img,.article-template__resource-header h2,.article-template__resource-copy strong,.article-template__resource-arrow,.article-template__resource-caret .icon-caret{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-blog-post.css.map */