body.template-article.gradient,body.template-article #MainContent,body.template-article #MainContent>.shopify-section{background:var(--hok-color-light, #e7e6ef)!important}.template-article .article-template{background:linear-gradient(135deg,rgba(var(--hok-color-lilac-rgb, 215, 204, 250),.28),#ffffff70),var(--hok-color-light, #e7e6ef);color:#121212;padding-bottom:4rem}.template-article .article-template>*:first-child:not(.article-template__hero-container){margin-top:0;padding-top:clamp(4rem,6vw,7rem)}.template-article .article-template__hero-container{max-width:min(96rem,calc(100vw - 4rem));padding-top:0}.template-article .article-template__hero-container .media{background:#ffffff8f;border:.1rem solid rgba(var(--hok-color-purple-rgb, 130, 53, 151),.14);border-radius:8px;box-shadow:0 1.8rem 5rem #1212121a;overflow:hidden}.template-article .article-template__hero-adapt.media{height:clamp(28rem,42vw,52rem);padding-bottom:0!important}.template-article .article-template__hero-container img{border-radius:8px;object-fit:contain}.template-article .article-template__header{margin-bottom:2.4rem;margin-top:0;max-width:96rem;padding-top:clamp(3.2rem,5vw,6rem);text-align:center}.template-article .article-template__header+.article-template__hero-container{margin-top:0}.template-article .article-template__eyebrow{color:var(--hok-color-purple, #823597);font-size:1.2rem;font-weight:800;letter-spacing:.08em;line-height:1.2;margin:0 0 1.2rem;text-transform:uppercase}.template-article .article-template__title{color:#121212;font-family:var(--font-heading-family);font-size:clamp(3rem,5vw,6.2rem);font-weight:800;letter-spacing:0;line-height:.98;margin:0 auto;max-width:98rem}.template-article .article-template__meta{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.8rem}.template-article .article-template__meta:empty{display:none}.template-article .article-template__meta .caption-with-letter-spacing{background:#ffffffb8;border:.1rem solid rgba(var(--hok-color-purple-rgb, 130, 53, 151),.14);border-radius:999px;color:#121212ad;display:inline-flex;font-size:1.15rem;font-weight:800;letter-spacing:.06em;line-height:1.2;padding:.7rem 1rem;text-transform:uppercase}.template-article .article-template__meta .circle-divider:after{display:none}.template-article .article-template__content{background:#ffffffad;border:.1rem solid rgba(var(--hok-color-purple-rgb, 130, 53, 151),.12);border-radius:8px;box-shadow:0 1.4rem 4rem #1212120f;color:#121212c7;font-size:1.65rem;line-height:1.72;margin-bottom:3rem;margin-top:2.4rem;max-width:88rem;padding:clamp(2rem,4vw,4rem)}.template-article .article-template__content>*:first-child{margin-top:0}.template-article .article-template__content>*:last-child{margin-bottom:0}.template-article .article-template__content h2,.template-article .article-template__content h3,.template-article .article-template__content h4{color:#121212;font-family:var(--font-heading-family);font-weight:800;letter-spacing:0;line-height:1.08;margin:3.2rem 0 1.2rem}.template-article .article-template__content h2{font-size:clamp(2.4rem,3vw,3.6rem)}.template-article .article-template__content h3{font-size:clamp(2rem,2.4vw,2.8rem)}.template-article .article-template__content p,.template-article .article-template__content li{color:#121212c2}.template-article .article-template__content strong,.template-article .article-template__content b{color:#121212;font-weight:800}.template-article .article-template__content a{color:var(--hok-color-purple, #823597);font-weight:800;text-decoration-thickness:.12rem;text-underline-offset:.25rem}.template-article .article-template__content ul,.template-article .article-template__content ol{padding-left:2.2rem}.template-article .article-template__content li+li{margin-top:.6rem}.template-article .article-template__content blockquote{background:rgba(var(--hok-color-lilac-rgb, 215, 204, 250),.32);border-left:.4rem solid var(--hok-color-purple, #823597);border-radius:8px;color:#121212;font-style:normal;margin:2.8rem 0;padding:1.6rem 1.8rem}.template-article .article-template__content img{border-radius:8px;display:block;margin:2.4rem auto}.template-article .article-template__content hr{border:0;border-top:.1rem solid rgba(var(--hok-color-purple-rgb, 130, 53, 151),.16);margin:3rem 0}.template-article .article-template__content table{border-collapse:separate;border-spacing:0;margin:2.4rem 0;max-width:100%;table-layout:auto;width:100%}.template-article .article-template__content th,.template-article .article-template__content td{background:#ffffffd1;border-bottom:.1rem solid rgba(18,18,18,.08);color:#121212c7;font-size:1.35rem;line-height:1.35;overflow-wrap:anywhere;padding:.95rem 1rem;text-align:left;white-space:normal}.template-article .article-template__content th{color:#121212;font-size:1.15rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.template-article .article-template__social-sharing{margin-top:0;max-width:88rem}.template-article .article-template__social-sharing .share-button__button,.template-article .article-template__social-sharing .share-button__label{color:var(--hok-color-purple, #823597);font-weight:800}.template-article .article-template__back{margin-top:2.4rem}.template-article .article-template__link{color:var(--hok-color-purple, #823597);font-size:1.45rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.template-article .article-template__comment-wrapper{background:#ffffff61}@media screen and (max-width:749px){.template-article .article-template{padding-bottom:3rem}.template-article .article-template__hero-container{max-width:calc(100vw - 2.4rem);padding-top:1.6rem}.template-article .article-template__header{padding-inline:1.6rem;text-align:left}.template-article .article-template__title{font-size:clamp(3rem,12vw,4.6rem);line-height:1}.template-article .article-template__meta{justify-content:flex-start}.template-article .article-template__content{border-left:0;border-right:0;border-radius:0;font-size:1.55rem;margin-inline:0;max-width:none;padding:2rem 1.6rem;width:100%}.template-article .article-template__content table{display:block;overflow-x:auto;table-layout:auto;-webkit-overflow-scrolling:touch}.template-article .article-template__content th,.template-article .article-template__content td{min-width:11rem}.template-article .article-template__content th:first-child,.template-article .article-template__content td:first-child{min-width:6.4rem}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/hok-article-page.css.map */