/*! article */.article__top{row-gap:var(--sp-2)}.article__top li{padding-inline-end:var(--sp-4)}.article__top li:after{content:"";position:absolute;inset-inline-end:0;width:1px;height:16px;background-color:currentColor;opacity:.3}.article__top li:last-child{padding-inline-end:0}.article__top li:last-child:after{content:none}.article__top .icon{width:var(--sp-4);height:var(--sp-4)}.article .page-width--narrow .banner__box{padding-block:0}.article .badge{padding:var(--sp-2) var(--sp-4);font-size:var(--text-3xs);color:var(--badge-foreground);background-color:var(--badge-background)}@media screen and (pointer:fine){.article .badge{--tw-scale-x: 1;--tw-scale-y: 1;transform:scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:transform var(--animation-primary)}.article .badge:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05}.article .banner__media~.banner__content .badge{transition-property:transform}}@media screen and (min-width:768px){.article .badge{padding:var(--sp-2d5) var(--sp-4d5);font-size:var(--text-xs)}}@media screen and (min-width:1024px){.article.grid{gap:var(--sp-16)}.article__media{max-width:var(--page-width);margin:0 auto;padding-inline:var(--gap-padding)}.article__image{border-radius:var(--rounded-block)}}.article .banner__title+*{margin-block-start:0}.article .rte>*:first-child{margin-block-start:0}.article .rte figure img{border-radius:var(--rounded-block)}.article .rte .image-with-text img{margin:0}@media screen and (min-width:1024px){.article .rte :is(figure,.image-with-text){margin-inline-end:calc(var(--sp-10)*-1);margin-inline-start:calc(var(--sp-10)*-1)}.article .rte figure figcaption{margin-inline-start:var(--sp-10)}.article .rte .grid-cols-2 figure:first-child{margin-inline-end:0}.article .rte .grid-cols-2 figure:last-child{margin-inline-start:0}.article .rte .grid-cols-2 figure figcaption{margin-inline-start:var(--rounded-block)}}@media screen and (min-width:1536px){.article .rte :is(figure,.image-with-text){margin-inline-end:calc(var(--sp-20)*-1);margin-inline-start:calc(var(--sp-20)*-1)}.article .rte figure figcaption{margin-inline-start:var(--sp-20)}}/*! comments */.comments-section{padding-block:clamp(40px,5vw,80px)}.comments-section:before{background-color:rgb(var(--color-foreground)/ .025)}.comments-section :is(.article-card,.new-comment,.comment-card){background-color:rgb(var(--color-background));padding:var(--sp-5);border-radius:var(--rounded-block)}.comments-wrapper{padding-block-start:var(--sp-5)}.comments-wrapper .pagination{padding-block-end:var(--sp-5)}.comment-card .gravatar{width:var(--sp-15)}@media screen and (max-width:767px){.comment-card .article-card__top li{padding-inline-end:0}.comment-card .article-card__top li:after{content:none}}@media screen and (min-width:1024px){.comments-section>.grid{gap:var(--sp-15)}.comments-section .article-card{padding:var(--sp-7d5) var(--sp-10)}.comments-section :is(.new-comment,.comment-card){padding:var(--sp-10)}.comments-wrapper{padding-block-start:var(--sp-7d5)}}@media screen and (min-width:1280px){.comments-section .page-width--narrow .article-card:nth-child(1){margin-inline-start:calc(var(--sp-20) * -1)}.comments-section .page-width--narrow .article-card:nth-child(2){margin-inline-end:calc(var(--sp-20) * -1)}}.comment-count .icon{width:var(--sp-4);height:var(--sp-4)}/*! ==========================================================================
    Article hero
    The featured image lives inside a fixed-ratio frame (object-fit: cover):
    the section height comes from the frame, never from the uploaded image.
    Artwork is anchored to its left edge (--article-hero-focus) because the
    Resin Rock blog artwork carries its headline on the left.
   ========================================================================== */.article.article-hero__inner{gap:clamp(var(--sp-8),3.2vw,var(--sp-14));max-width:var(--article-hero-max-width, 1200px);margin-inline:auto}.article-hero__header{gap:var(--sp-6)}.article-hero__title-block{gap:var(--sp-5)}.article-hero__tags{gap:var(--sp-2)}.article-hero__title{max-width:24ch;margin:0;overflow-wrap:anywhere}.article-hero__inner[data-align-mobile=center] .article-hero__title{margin-inline:auto}.article-hero__inner[data-align-mobile=right] .article-hero__title{margin-inline-start:auto}@media screen and (min-width:768px){.article-hero__inner[data-align=left] .article-hero__title{margin-inline:0}.article-hero__inner[data-align=center] .article-hero__title{margin-inline:auto}.article-hero__inner[data-align=right] .article-hero__title{margin-inline:auto 0}}.article-hero__inner[data-align-mobile=center] :is(.article-hero__tags,.article-hero__meta){justify-content:center}.article-hero__inner[data-align-mobile=right] :is(.article-hero__tags,.article-hero__meta){justify-content:flex-end}@media screen and (min-width:768px){.article-hero__inner[data-align=left] :is(.article-hero__tags,.article-hero__meta){justify-content:flex-start}.article-hero__inner[data-align=center] :is(.article-hero__tags,.article-hero__meta){justify-content:center}.article-hero__inner[data-align=right] :is(.article-hero__tags,.article-hero__meta){justify-content:flex-end}}.article-hero__meta{gap:var(--sp-2) var(--sp-4);margin:0;padding:0;list-style:none;font-size:var(--text-sm);line-height:1.25;color:rgb(var(--color-foreground) / .7)}.article-hero__meta li{display:inline-flex;align-items:center;gap:var(--sp-2)}.article-hero__meta li+li:before{content:"";flex:0 0 auto;width:3px;height:3px;border-radius:50%;background-color:currentColor;opacity:.6;margin-inline-end:var(--sp-2)}.article-hero__meta .icon{flex:0 0 auto;width:1rem;height:1rem}.article-hero__meta a{color:inherit}.article-hero__figure{width:100%;margin:0}.article-hero__frame{display:block;position:relative;width:100%;max-width:var(--article-hero-max-width, 1200px);margin-inline:auto;overflow:hidden;aspect-ratio:var(--article-hero-ratio, 16 / 9);border-radius:var(--rounded-block);background-color:rgb(var(--color-placeholder));box-shadow:0 20px 44px -30px rgb(var(--color-foreground) / .45)}.article-hero__frame--wide{--article-hero-ratio: 16 / 9}.article-hero__frame--social{--article-hero-ratio: 1.91 / 1}.article-hero__frame--ultrawide{--article-hero-ratio: 21 / 9}.article-hero__frame--landscape{--article-hero-ratio: 4 / 3}.article-hero__frame>.media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.article-hero__frame>.media>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--article-hero-focus, left center)}.article-hero--overlay .media--height>img{object-position:var(--article-hero-focus, left center)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/article.css.map */