.hc-article-related{background:var(--hc-bg-warm);border-block:1px solid var(--hc-border);margin-top:84px;padding-block:58px 64px}.hc-article-related__header{align-items:flex-end;display:flex;gap:32px;justify-content:space-between;margin-bottom:30px}.hc-article-related__eyebrow{color:var(--hc-text);font-family:var(--hc-font);font-size:11px;font-weight:700;letter-spacing:.16em;line-height:1.25;margin:0 0 9px;text-transform:uppercase}.hc-article-related__title{color:var(--hc-text);font-family:var(--hc-serif);font-size:38px;font-weight:400;line-height:1.08;margin:0}.hc-article-related__note{color:var(--hc-muted);font-family:var(--hc-font);font-size:13px;line-height:1.55;margin:0;max-width:300px;text-align:right}.hc-related-cards{display:grid;gap:28px;grid-template-columns:repeat(3,minmax(0,1fr))}.hc-related-card{background:var(--hc-bg);border:1px solid var(--hc-border);display:flex;flex-direction:column;min-width:0;transition:border-color .2s ease,transform .2s ease}.hc-related-card__media{aspect-ratio:4 / 3;background:var(--hc-bg-warm);display:block;line-height:0;overflow:hidden}.hc-related-card__media img{height:100%;object-fit:cover;transition:transform .42s ease;width:100%}.hc-related-card__body{align-content:start;display:flex;flex:1;flex-direction:column;gap:7px;min-width:0;padding:16px 17px 18px}.hc-related-card__body .article-rte{margin:0}.hc-related-card__link{align-items:center;color:var(--hc-text);display:inline-flex;font-family:var(--hc-font);font-size:12px;font-weight:700;gap:8px;justify-self:start;letter-spacing:.05em;margin-top:auto;padding-top:7px;text-transform:uppercase;white-space:nowrap;width:fit-content}.hc-related-card__link span{font-size:18px;font-weight:400;line-height:1;transition:transform .2s ease}.hc-related-card:hover,.hc-related-card:focus-within{border-color:var(--hc-border-strong);transform:translateY(-3px)}.hc-related-card:hover .hc-related-card__media img,.hc-related-card:focus-within .hc-related-card__media img{transform:scale(1.04)}.hc-related-card:hover .hc-related-card__link span,.hc-related-card:focus-within .hc-related-card__link span{transform:translate(3px)}.hc-related-card a:focus-visible{outline:2px solid var(--hc-text);outline-offset:3px}@media(max-width:760px){.hc-article-related{margin-top:56px;padding-block:42px}.hc-article-related__header{align-items:flex-start;flex-direction:column;gap:10px}.hc-article-related__title{font-size:32px}.hc-article-related__note{text-align:left}.hc-related-cards{grid-template-columns:1fr}.hc-related-card{display:grid;grid-template-columns:120px minmax(0,1fr)}.hc-related-card__media{aspect-ratio:auto;height:100%}}@media(prefers-reduced-motion:reduce){.hc-related-card,.hc-related-card__media img,.hc-related-card__link span{transition:none}.hc-related-card:hover,.hc-related-card:focus-within,.hc-related-card:hover .hc-related-card__media img,.hc-related-card:focus-within .hc-related-card__media img,.hc-related-card:hover .hc-related-card__link span,.hc-related-card:focus-within .hc-related-card__link span{transform:none}}.hc-article--template-2 .hc-article__layout{display:block}.hc-article--template-2 .hc-article__media-column{float:right;margin:0 0 24px 30px;width:min(400px,100%)}.hc-article--template-2 .hc-article__content-column{display:contents}.hc-article--template-2 .hc-article__image{aspect-ratio:auto;width:100%}.hc-article--template-2 .hc-article__image img{height:auto;object-fit:contain}.hc-article--template-2 .hc-article__layout:after{clear:both;content:"";display:block}@media(max-width:640px){.hc-article--template-2 .hc-article__layout{display:flow-root}.hc-article--template-2 .hc-article__media-column{float:none;margin:0 0 28px;width:100%}.hc-article--template-2>.hc-container{width:calc(100% - 32px)}.hc-article--template-2 .hc-article__image{margin-inline:auto;width:min(400px,100%)}}.hc-article--template-3 .hc-article__layout{display:block}.hc-article--template-3 .hc-article__media-column{margin:0 0 32px;width:100%}.hc-article--template-3 .hc-article__content-column{width:100%}.hc-article--template-3 .hc-article__image{aspect-ratio:auto;width:100%}.hc-article--template-3 .hc-article__image img{height:auto;object-fit:contain}@media(max-width:640px){.hc-article--template-3>.hc-container{width:calc(100% - 32px)}.hc-article--template-3 .hc-article__media-column{margin-bottom:28px}}
/*# sourceMappingURL=/cdn/shop/t/32/compiled_assets/styles.css.map */
