.c-article{background-color:rgb(var(--c-article-background));color:rgb(var(--c-article-text))}.c-article__media{margin:0}.c-article__frame{aspect-ratio:356 / 378}@media screen and (min-width:741px){.c-article__frame{aspect-ratio:1253 / 670}}.c-article__column{max-width:calc(var(--c-article-width, 880px) + var(--c-gutter) * 2);margin-inline:auto;padding-inline:var(--c-gutter)}.c-article__media+.c-article__column{margin-block-start:var(--sp-48)}@media screen and (min-width:741px){.c-article__media+.c-article__column{margin-block-start:var(--sp-80)}}.c-article__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-8) var(--sp-24);font-family:var(--c-font-heading);font-size:var(--fs-meta);font-weight:var(--c-weight-label);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);text-transform:uppercase}.c-article__category{color:inherit;text-decoration:none;transition:opacity var(--motion-duration-ui) var(--motion-ease-ui),translate var(--motion-duration-ui) var(--motion-ease-ui)}.c-article__title{margin-block:var(--sp-16) 0}@media screen and (min-width:741px){.c-article__title{margin-block-start:var(--sp-24)}}.c-article__content{margin-block-start:var(--sp-32);font-size:var(--fs-body);line-height:var(--lh-body)}@media screen and (min-width:741px){.c-article__content{margin-block-start:var(--sp-48)}}.c-article__content>:first-child{margin-block-start:0}.c-article__content>:last-child{margin-block-end:0}.c-article__content :is(h1,h2,h3,h4,h5,h6){margin-block:var(--sp-40) var(--sp-16);font-family:var(--c-font-heading);font-weight:var(--heading-font-weight);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);text-transform:uppercase}.c-article__content :is(h1,h2){font-size:var(--fs-subheading)}.c-article__content :is(h3,h4,h5,h6){font-size:var(--fs-body)}.c-article__content img{display:block;width:100%;height:auto;margin-block:var(--sp-32)}.c-article__content a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;transition:opacity var(--motion-duration-ui) var(--motion-ease-ui)}.c-article__share{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-16) var(--sp-32);margin-block-start:var(--sp-48);padding-block-start:var(--sp-24);border-block-start:1px solid rgb(var(--c-article-text) / .2)}@media screen and (min-width:741px){.c-article__share{margin-block-start:var(--sp-64)}}.c-article__share-label,.c-article__share-item{font-family:var(--c-font-heading);font-size:var(--fs-label);font-weight:var(--c-weight-label);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);text-transform:uppercase}.c-article__share-label{opacity:.6}.c-article__share-list{display:flex;flex-wrap:wrap;gap:var(--sp-16) var(--sp-24);margin:0;padding:0;list-style:none}.c-article__share-item{padding:0;border:0;background:none;color:inherit;text-decoration:none;cursor:pointer;display:inline-block;transition:opacity var(--motion-duration-ui) var(--motion-ease-ui),translate var(--motion-duration-ui) var(--motion-ease-ui)}.c-article__nav{display:grid;gap:var(--sp-24);max-width:var(--c-container-max);margin-inline:auto;margin-block-start:var(--sp-48);padding:var(--sp-32) var(--c-gutter) 0;border-block-start:1px solid rgb(var(--c-article-text) / .2)}@media screen and (min-width:741px){.c-article__nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--sp-96);padding-block-start:var(--sp-48)}}.c-article__nav-item{display:flex;align-items:baseline;gap:var(--sp-12);color:inherit;text-decoration:none;transition:opacity var(--motion-duration-ui) var(--motion-ease-ui),translate var(--motion-duration-ui) var(--motion-ease-ui)}@media screen and (min-width:741px){.c-article__nav-item--next{grid-column:2;justify-content:flex-end;text-align:end}}.c-article__nav-text{display:grid;gap:var(--sp-4);min-width:0}.c-article__nav-label{font-family:var(--c-font-heading);font-size:var(--fs-label);font-weight:var(--c-weight-label);letter-spacing:var(--c-tracking);line-height:var(--lh-heading);text-transform:uppercase;opacity:.6}.c-article__nav-title{font-size:var(--fs-body);line-height:var(--lh-body)}@media screen and (pointer:fine){.c-article__category:hover,.c-article__content a:hover,.c-article__share-item:hover,.c-article__nav-item:hover{opacity:.6}.c-article__category:hover,.c-article__share-item:hover,.c-article__nav-item:hover{translate:0 calc(var(--c-lift) * -1)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/custom-article.css.map */