.section--main-article{--article-accent: #402c57;--article-surface: rgba(var(--color-foreground), .04)}.section--main-article .article-template{display:flex;flex-direction:column;gap:0;width:100%}.section--main-article>.container,.section--main-article.container{--article-content-width: min(960px, 100%)}.article-template__header{text-align:left;width:100%;max-width:none;margin-left:0;margin-right:0}.section--main-article .article-block{margin-top:0!important}.section--main-article .article-block+.article-block{margin-top:var(--article-block-gap, 24px)!important}@media(min-width:768px){.section--main-article .article-block+.article-block{--article-block-gap: 32px}}.article-template__back{display:inline-flex;align-items:center;gap:6px;font-size:1.125rem;font-weight:500;letter-spacing:.02em;text-decoration:none;color:rgba(var(--color-foreground),.65);margin-bottom:20px;transition:color .15s ease,gap .15s ease}.article-template__back:hover{color:rgb(var(--color-foreground));gap:8px}.article-template__title{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.15;letter-spacing:var(--font-heading-letter-spacing);font-size:clamp(1.875rem,5vw,3rem);text-wrap:balance;color:rgb(var(--color-foreground))}.article-template__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px 4px;font-size:1.125rem;color:rgba(var(--color-foreground),.55)}.article-template__meta-item+.article-template__meta-item:before{content:"\b7";margin-right:8px;opacity:.5}.article-template__meta-link{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.article-template__meta-link:hover{color:rgb(var(--color-foreground));border-bottom-color:currentColor}.section .article-image{width:100%}.section .article-image--hero{position:relative;max-width:100%;overflow:hidden;box-shadow:0 8px 32px #00000014}.section .article-image--hero .media{width:100%}.section .article-image .media.square,.section .article-image .media.landscape,.section .article-image .media.landscape_alt{aspect-ratio:16 / 9}.section .article-image .media.natural{max-height:none}.section .article-image .media.natural>img{position:absolute;width:100%;height:100%;max-height:none;object-fit:cover}.section .article-image--hero .media.natural{aspect-ratio:16 / 9}.article-image__overlay-title{position:absolute;z-index:2;top:0;left:0;right:0;margin:0;padding:24px 28px 56px;text-align:center;font-family:var(--font-heading-family);font-size:clamp(1.375rem,4vw,2.125rem);font-weight:var(--font-heading-weight);line-height:1.2;letter-spacing:var(--font-heading-letter-spacing);color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.45);background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.15) 70%,transparent 100%);pointer-events:none;text-wrap:balance}@media(min-width:768px){.article-image__overlay-title{padding:32px 40px 72px}}.article-content--body{width:100%;max-width:none;margin-left:0;margin-right:0;font-size:1.25rem;line-height:1.7;color:rgba(var(--color-foreground),.9)}.article-content--body.rte>*:first-child{margin-top:0}.article-content--body.rte p{margin-bottom:1.35em}.article-content--body.rte h2,.article-content--body.rte h3,.article-content--body.rte h4{font-family:var(--font-heading-family);margin-top:2em;margin-bottom:.65em;line-height:1.25;color:rgb(var(--color-foreground))}.article-content--body.rte h2{font-size:1.5rem}.article-content--body.rte h3{font-size:1.25rem}.article-content--body.rte blockquote{margin:1.75em 0;margin-inline:0;padding:1.25rem 1.5rem;border-left:none;border-radius:12px;background:var(--article-surface);font-size:1.125rem;line-height:1.6;font-style:italic;color:rgb(var(--color-foreground))}.article-content--body.rte a:not(.btn){color:var(--article-accent);text-underline-offset:3px}.article-content--body.rte img{max-height:none;width:100%;max-width:100%;height:auto;object-fit:cover;border-radius:min(16px,var(--br-img, 12px));margin:1.5em auto;display:block}.article-content--body.rte ul,.article-content--body.rte ol{padding-left:1.25em;margin-bottom:1.35em}.article-content--body.rte li{margin-bottom:.35em}.article-tags{width:100%;max-width:none;margin-left:0;margin-right:0;padding-top:8px}.article-tags__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.article-tags__pill{display:inline-block;padding:6px 14px;font-size:1.125rem;font-weight:500;text-decoration:none;color:rgb(var(--color-foreground));background:var(--article-surface);border:1px solid rgba(var(--color-foreground),.1);border-radius:999px;transition:background .15s ease,border-color .15s ease,transform .15s ease}.article-tags__pill:hover{background:rgba(var(--color-foreground),.08);border-color:rgba(var(--color-foreground),.18);transform:translateY(-1px)}.article-template__divider,.article-template hr{border:none;height:1px;margin:0;background:linear-gradient(90deg,transparent,rgba(var(--color-foreground),.12) 20%,rgba(var(--color-foreground),.12) 80%,transparent)}.article-template__comments-fields .field{margin-top:calc(var(--gutter) / 2)}.article-template__content,.article-template__comment-section{margin-left:0;margin-right:0;max-width:none;width:100%}.article-template__comment-section{padding-top:48px;margin-top:48px;border-top:1px solid rgba(var(--color-foreground),.1)}.comment__header{display:flex;align-items:center;width:100%;margin-bottom:10px}.comment__header-media{border-radius:50%;width:3.2rem;height:3.2rem;display:grid;place-content:center;font-size:1.4rem;font-weight:700;margin-right:10px;background:var(--article-surface)}.comment__body{font-size:1.6rem}.comment__footer{margin-top:10px;opacity:.6}.comment__header-author{font-size:2rem}.article-template__comments{padding:var(--gutter);border:solid 1px rgba(var(--color-foreground),.1);border-radius:min(16px,var(--br-img, 12px));background:var(--article-surface)}.article-template .field{margin-top:calc(var(--gutter) * .6)}.article-template__comments>.article-template__comment+.article-template__comment{margin-top:calc(var(--gutter) * .6);padding-top:calc(var(--gutter) * .6);border-top:solid 1px rgba(var(--color-foreground),.1)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/template-article.css.map */