.article-page{padding-bottom:96px}.article-hero{margin:0 10px;padding:56px var(--page-margin) 64px;border-radius:var(--radius-card-lg);background-color:var(--color-cream);text-align:center}.article-hero__inner{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:820px;margin:0 auto}.article-hero__back{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:var(--font-weight-body-strong);font-size:var(--text-small);color:var(--color-brand-dark);text-decoration:none}.article-hero__back svg{width:16px;height:16px;transform:rotate(180deg);transition:transform .2s ease}.article-hero__back:hover svg{transform:rotate(180deg) translate(4px)}.article-hero__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.article-hero__tag{display:inline-flex;align-items:center;height:32px;padding:0 16px;border-radius:var(--radius-pill);background-color:var(--color-white);font-family:var(--font-body);font-weight:var(--font-weight-body-strong);font-size:.8125rem;color:var(--color-ink);text-decoration:none}.article-hero__tag:hover{background-color:var(--color-brand);color:var(--color-white)}.article-hero__title{margin:0;font-size:clamp(2rem,1.3rem + 2.6vw,3.25rem);line-height:1.12}.article-hero__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:0;font-family:var(--font-body);font-size:var(--text-small);letter-spacing:.04em;color:var(--color-ink-muted)}.article-hero__dot{color:var(--color-brand)}.article-media{max-width:900px;margin:-32px auto 0;padding:0 var(--page-margin)}.article-media__image{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-card)}.article-body{max-width:820px;margin:0 auto;padding:48px var(--page-margin) 0}.article-content{font-family:var(--font-body);font-size:var(--text-lead);line-height:1.75;color:var(--color-ink-muted)}.article-content>:first-child{margin-top:0}.article-content h2{margin:48px 0 16px;font-size:1.875rem;line-height:1.2;color:var(--color-ink)}.article-content h3{margin:32px 0 12px;font-family:var(--font-body);font-weight:var(--font-weight-bold);font-size:1.25rem;color:var(--color-ink)}.article-content p{margin:0 0 20px}.article-content ul,.article-content ol{margin:0 0 20px;padding-left:1.5rem}.article-content li{margin-bottom:8px}.article-content img{width:100%;height:auto;margin:24px 0;border-radius:var(--radius-card)}.article-content blockquote{margin:32px 0;padding:24px 28px;border-radius:var(--radius-card);background-color:var(--color-cream);font-family:var(--font-accent);font-style:italic;font-size:1.25rem;line-height:1.5;color:var(--color-brand-dark)}.article-content blockquote p:last-child{margin-bottom:0}.article-content strong{font-weight:var(--font-weight-bold);color:var(--color-ink)}.article-content a{color:var(--color-brand);text-decoration:underline;text-underline-offset:2px}.article-share{display:flex;align-items:center;gap:12px;margin-top:40px;padding-top:24px;border-top:1px solid var(--color-cream)}.article-share__label{font-family:var(--font-body);font-weight:var(--font-weight-bold);font-size:var(--text-small);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink)}.article-share__link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-cream);border-radius:50%;color:var(--color-ink);transition:background-color .2s ease,color .2s ease}.article-share__link:hover{background-color:var(--color-brand);border-color:var(--color-brand);color:var(--color-white)}.article-share__link svg{width:18px;height:18px}.article-comments{margin-top:64px}.article-comments__title{margin:0 0 24px;font-size:1.75rem}.article-comments__count{color:var(--color-ink-muted);font-weight:var(--font-weight-body)}.article-comments__list{display:flex;flex-direction:column;gap:16px;margin:0 0 40px;padding:0;list-style:none}.article-comment{padding:24px 28px;border-radius:var(--radius-card);background-color:var(--color-cream)}.article-comment__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:8px}.article-comment__author{font-family:var(--font-body);font-weight:var(--font-weight-bold);color:var(--color-ink)}.article-comment__date{font-family:var(--font-body);font-size:var(--text-small);color:var(--color-ink-muted)}.article-comment__body{margin:0;font-family:var(--font-body);line-height:1.6;color:var(--color-ink-muted)}.article-comment-form{display:flex;flex-direction:column;gap:16px;padding:32px;border:1px solid #e0e0e0;border-radius:var(--radius-card)}.article-comment-form__title{margin:0;font-family:var(--font-body);font-weight:var(--font-weight-bold);font-size:1.125rem;color:var(--color-ink)}.article-comment-form__errors{font-family:var(--font-body);font-size:var(--text-small);color:#b3261e}.article-comment-form__success{margin:0;font-family:var(--font-body);font-size:var(--text-small);color:var(--color-brand-dark)}.article-comment-form__row{display:grid;grid-template-columns:1fr;gap:16px}.article-comment-form__field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-body);font-size:var(--text-small);color:var(--color-ink)}.article-comment-form__field input,.article-comment-form__field textarea{padding:14px 20px;border:1px solid #e0e0e0;border-radius:20px;background-color:var(--color-white);font-size:var(--text-body);color:var(--color-ink);resize:vertical}.article-comment-form__field input:focus,.article-comment-form__field textarea:focus{outline:none;border-color:var(--color-brand)}.article-comment-form__submit{align-self:flex-start;height:50px;padding:0 32px;border:none;border-radius:var(--radius-pill);background-color:var(--color-brand);font-weight:var(--font-weight-bold);font-size:var(--text-body);color:var(--color-white);cursor:pointer;transition:background-color .2s ease}.article-comment-form__submit:hover{background-color:var(--color-brand-dark)}.article-nav{display:grid;grid-template-columns:1fr;gap:16px;margin-top:64px;padding-top:32px;border-top:1px solid var(--color-cream)}.article-nav__link{display:flex;align-items:center;gap:12px;padding:20px 24px;border-radius:var(--radius-card);background-color:var(--color-cream);text-decoration:none;color:var(--color-ink);transition:background-color .2s ease}.article-nav__link:hover{background-color:#ece0d4}.article-nav__link--next{justify-content:flex-end;text-align:right}.article-nav__link svg{flex-shrink:0;width:20px;height:20px;color:var(--color-brand-dark)}.article-nav__link--prev svg{transform:rotate(180deg)}.article-nav__label{display:block;font-family:var(--font-body);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-brand-dark)}.article-nav__title{display:block;font-family:var(--font-heading);font-weight:var(--font-weight-heading);font-size:1rem;line-height:1.3}.article-related{max-width:var(--page-width);margin:96px auto 0;padding:0 var(--page-margin)}.article-related__heading{margin:0 0 40px;font-size:clamp(1.75rem,1.2rem + 1.6vw,2.5rem);text-align:center}@media screen and (min-width:768px){.article-comment-form__row,.article-nav{grid-template-columns:1fr 1fr}}@media screen and (min-width:1024px){.article-hero{padding-top:72px;padding-bottom:88px}.article-media{margin-top:-56px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-article.css.map */