.article-template>*:first-child:not(.article-template__hero-container){margin-top:5rem}@media screen and (min-width:750px){.article-template>*:first-child:not(.article-template__hero-container){margin-top:calc(5rem + var(--page-width-margin))}}.article-template__hero-container{max-width:130rem;margin:0 auto}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:22rem}.article-template__hero-large{height:33rem}@media screen and (min-width:750px)and (max-width:989px){.article-template__hero-small{height:22rem}.article-template__hero-medium{height:44rem}.article-template__hero-large{height:66rem}}@media screen and (min-width:990px){.article-template__hero-small{height:27.5rem}.article-template__hero-medium{height:55rem}.article-template__hero-large{height:82.5rem}}.article-template header{margin-top:4.4rem;margin-bottom:2rem;line-height:calc(.8 / var(--font-body-scale))}@media screen and (min-width:750px){.article-template header{margin-top:5rem}}.article-template__title{margin:0}.article-template__title:not(:only-child){margin-bottom:1rem}.article-template__link{font-size:1.8rem;display:flex;justify-content:center;align-items:center;text-decoration:none}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__content{margin-top:3rem;margin-bottom:3rem}.article-template__social-sharing{margin-top:3rem}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:1.5rem}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 0}@media screen and (min-width:750px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}@media screen and (min-width:750px){.article-template__comments{margin-bottom:7rem}}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}@media screen and (min-width:750px){.article-template__comments-comment{padding:2rem 2.5rem}}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comment-fields>*{margin-bottom:3rem}@media screen and (min-width:750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}}.article-template__comment-warning{margin:2rem 0 2.5rem}@media screen and (min-width:990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__back:last-child{margin-bottom:3.2rem}.jaspo-article-wrapper{background-color:#f8f8f8;padding-bottom:8rem}.jaspo-hero-sticky-wrapper{position:sticky;top:0;width:100vw;margin-left:calc(50% - 50vw);height:80vh;z-index:1;overflow:hidden}.jaspo-article-hero{position:relative;width:100%;height:100%;background-color:#111;display:flex;align-items:center;justify-content:center;padding-bottom:15vh}.jaspo-article-hero__image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.jaspo-article-hero__image img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.05)}.jaspo-article-hero__glass-panel{position:relative;z-index:3;width:90%;max-width:800px;padding:4rem 3rem;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;text-align:center;box-shadow:0 30px 60px #0003}.jaspo-article-hero__title{color:#fff;font-size:clamp(3.2rem,5vw,7rem);line-height:1.1;margin:0 0 2rem;font-weight:800;letter-spacing:-.03em;text-shadow:0 2px 10px rgba(0,0,0,.1)}.jaspo-article-hero__meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.5rem;font-size:1.4rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;color:#ffffffe6}.jaspo-article-hero__dot{opacity:.4}.jaspo-article-card-wrapper{position:relative;z-index:5;margin-top:-15vh}.jaspo-article-card{background:#fff;border-radius:30px;padding:5rem 3rem;box-shadow:0 -20px 60px #0000001a,0 20px 40px #0000000d;margin:0 auto}@media screen and (min-width:750px){.jaspo-article-card{padding:8rem 6rem;border-radius:40px}}.jaspo-article-body{max-width:760px;margin:0 auto}.jaspo-article-rte{font-size:1.9rem;line-height:1.85;color:#222}@media screen and (min-width:750px){.jaspo-article-rte{font-size:2.1rem}}.jaspo-article-rte h2,.jaspo-article-rte h3{margin-top:5rem;margin-bottom:2.5rem;font-weight:800;color:#111;letter-spacing:-.02em;line-height:1.2}.jaspo-article-rte p,.jaspo-article-rte span,.jaspo-article-rte a,.jaspo-article-rte li{font-size:inherit!important}.jaspo-article-rte p{margin-bottom:2.8rem}.jaspo-article-rte img{border-radius:16px;margin:4rem 0;box-shadow:0 15px 40px #00000014}.jaspo-article-rte blockquote{font-size:2.6rem;font-style:italic;line-height:1.4;margin:6rem -2rem;padding:4rem;border-radius:20px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#0f172a;border:none;box-shadow:inset 0 2px 4px #fffc}@media screen and (min-width:750px){.jaspo-article-rte blockquote{margin:7rem -5rem;padding:5rem;font-size:3rem}}.animate-fade-in-up{animation:fadeInUp 1s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(30px)}.animate-slide-up-card{animation:slideUpCard 1.2s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(60px);animation-delay:.2s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes slideUpCard{to{opacity:1;transform:translateY(0)}}.article-template__back{margin-top:8rem;padding-top:5rem;border-top:1px solid #eaeaea}.article-template__back .article-template__link{display:inline-flex;align-items:center;padding:1.4rem 3.2rem;background:#111;border-radius:40px;color:#fff;font-weight:700;font-size:1.6rem;text-transform:uppercase;letter-spacing:.08em;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 20px #0000001a}.article-template__back .article-template__link:hover{background:#000;transform:translateY(-4px);box-shadow:0 15px 30px #00000026}.article-template__back .article-template__link .svg-wrapper svg path{fill:#fff}.article-template__back .icon-wrap{margin-right:1.4rem}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-blog-post.css.map */
