:root{--article-accent: #afe2ca;--article-accent-dark: #7ec9a8;--article-radius: .75rem;--article-transition: .25s cubic-bezier(.4, 0, .2, 1);--article-max-prose: 720px}.article-banner{position:relative;width:100%;height:clamp(280px,45vw,520px);overflow:hidden;isolation:isolate}.article-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.article-banner__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .8s cubic-bezier(.4,0,.2,1)}.article-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000014,#00000047);z-index:1}.article-breadcrumbs{padding-top:1.25rem;padding-bottom:.75rem}.article-breadcrumbs__list{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;list-style:none;padding:0;margin:0}.article-breadcrumbs__item{display:flex;align-items:center}.article-breadcrumbs__separator{display:flex;align-items:center;color:var(--color-foreground);opacity:.3;margin:0 .125rem}.article-breadcrumbs__link{font-size:.8125rem;color:var(--color-foreground);text-decoration:none;opacity:.55;transition:opacity var(--article-transition),color var(--article-transition);white-space:nowrap}.article-breadcrumbs__link:hover,.article-breadcrumbs__link:focus-visible{opacity:1;color:var(--article-accent);outline:none}.article-breadcrumbs__current{font-size:.8125rem;opacity:.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.article-template__header{padding-top:2.5rem;padding-bottom:.5rem}.article-template__tags{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-wrap:wrap;gap:.5rem}.article-template__tag{display:inline-block;padding:.25rem .75rem;border-radius:100px;border:1px solid black;color:#000;font-size:.75rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;transition:background var(--article-transition),color var(--article-transition);line-height:1.5}.article-template__tag:hover,.article-template__tag:focus-visible{background:#000;color:#fff;outline:none}.article-template__title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;line-height:1.15;letter-spacing:-.025em;margin-bottom:1.25rem}.article-template__meta{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.8125rem;opacity:.5;font-weight:500;padding-bottom:2rem;border-bottom:1px solid color-mix(in srgb,var(--color-foreground) 12%,transparent)}.article-template__date,.article-template__author,.article-template__read-time{position:relative}.article-template__author:before,.article-template__read-time:before{content:"\b7";margin-right:1rem;opacity:.6}.article-template__excerpt{font-size:1.0625rem;line-height:1.7;opacity:.65;margin:.75rem 0 0;max-width:var(--article-max-prose)}.article-template__content{padding-top:2.5rem;padding-bottom:2rem}.article-template__content.rte a{color:var(--article-accent-dark);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--article-accent-dark) 100%,transparent);text-underline-offset:3px;transition:color var(--article-transition),text-decoration-color var(--article-transition)}.article-template__content.rte a:hover,.article-template__content.rte a:focus-visible{color:#000;text-decoration-color:#000}.article-template__content.rte h2,.article-template__content.rte h3,.article-template__content.rte h4{margin-top:2.25em;margin-bottom:.75em;letter-spacing:-.015em}.article-template__content.rte p{line-height:1.8;margin-bottom:1.4em}.article-template__content.rte img{border-radius:var(--article-radius);max-width:100%;height:auto}.article-template__content.rte blockquote{border-left:3px solid var(--article-accent);padding-left:1.5rem;margin-left:0;color:var(--color-foreground);opacity:.75;font-style:italic}.article-template__back{padding-top:2rem;padding-bottom:3rem}.article-template__back-btn{display:inline-flex;align-items:center;gap:.625rem;padding:.75rem 1.375rem .75rem 1rem;border:1.5px solid color-mix(in srgb,var(--color-foreground) 20%,transparent);border-radius:0;color:var(--color-foreground);font-size:.875rem;font-weight:600;text-decoration:none;transition:background var(--article-transition),color var(--article-transition),border-color var(--article-transition),gap var(--article-transition)}.article-template__back-btn:hover,.article-template__back-btn:focus-visible{background:#000;color:#fff;border-color:#000;gap:.875rem;outline:none}.article-template__back-btn svg{flex-shrink:0;transition:transform var(--article-transition)}.article-template__back-btn:hover svg,.article-template__back-btn:focus-visible svg{transform:translate(-4px)}.article-related{padding-top:3rem;padding-bottom:4rem;border-top:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent);margin-top:1rem}.article-related__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.article-related__title{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.02em;margin:0}.article-related__see-all{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;color:var(--article-accent);text-decoration:none;flex-shrink:0;transition:gap var(--article-transition),color var(--article-transition)}.article-related__see-all:hover,.article-related__see-all:focus-visible{gap:.65rem;color:var(--article-accent-dark);outline:none}.article-related__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.related-card{display:flex;flex-direction:column;background:var(--color-background);border:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent);border-radius:var(--article-radius);overflow:hidden;transition:transform var(--article-transition),box-shadow var(--article-transition),border-color var(--article-transition)}.related-card:hover,.related-card:focus-within{transform:translateY(-4px);box-shadow:0 8px 28px #0000001a;border-color:color-mix(in srgb,var(--article-accent) 40%,transparent)}.related-card__image-wrap{display:block;position:relative;overflow:hidden;aspect-ratio:16 / 10;background:color-mix(in srgb,var(--color-foreground) 6%,transparent);flex-shrink:0}.related-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.related-card:hover .related-card__image{transform:scale(1.05)}.related-card__image--placeholder{padding:1.5rem;opacity:.2}.related-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background var(--article-transition)}.related-card:hover .related-card__overlay{background:#0000000f}.related-card__badge{position:absolute;top:.625rem;right:.625rem;background:var(--article-accent);color:#000;font-size:.6875rem;font-weight:700;padding:.2rem .55rem;border-radius:100px;letter-spacing:.04em;white-space:nowrap;z-index:2}.related-card__body{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.125rem 1.25rem;flex:1}.related-card__tag{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--article-accent);opacity:.85}.related-card__title{font-size:.9375rem;font-weight:700;line-height:1.3;margin:0;letter-spacing:-.01em}.related-card__title-link{color:var(--color-foreground);text-decoration:none;transition:color var(--article-transition)}.related-card__title-link:hover,.related-card__title-link:focus-visible{color:var(--article-accent);outline:none}.related-card__excerpt{font-size:.8125rem;line-height:1.6;opacity:.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width:989px){.article-related__grid{grid-template-columns:repeat(2,1fr)}.related-card:hover,.related-card:focus-within{transform:translateY(-2px)}}@media screen and (max-width:749px){.article-banner{height:clamp(220px,55vw,320px)}.article-template__header{padding-top:1.75rem}.article-related__grid{grid-template-columns:1fr 1fr;gap:.875rem}.related-card__body{padding:.875rem 1rem 1rem}.related-card__excerpt{display:none}.article-breadcrumbs__current{max-width:160px}}@media screen and (max-width:479px){.article-related__grid{grid-template-columns:1fr}.related-card{flex-direction:row;align-items:stretch}.related-card__image-wrap{width:120px;aspect-ratio:auto;flex-shrink:0}}@media(prefers-reduced-motion:reduce){.related-card,.related-card__image,.article-banner__img,.article-template__back-btn,.article-template__back-btn svg{transition:none}.related-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-main-article.css.map */