.hp-post-page__head{display:flex;flex-direction:column;align-items:flex-start;max-width:1050px;padding-block:var(--pt) 48px}.hp-post-page__crumbs{margin-bottom:40px;font-size:12px}.hp-post-page__crumbs a:hover{opacity:.6}.hp-post-page__meta{margin:28px 0 0;color:var(--color-subdued);font-size:var(--text-md);font-weight:300}.hp-post-page__tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0}.hp-post-page__tags a{display:block;padding:7px 12px;border-radius:3px;background:var(--brand-utility);color:var(--brand-ink);font-size:12px;font-weight:600}.hp-post-page__hero{padding-bottom:72px}.hp-post-page__hero img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.hp-post-page__hero--empty .hp-post-page__mark{display:grid;place-items:center;aspect-ratio:16 / 9;background:var(--brand-utility)}.hp-post-page__mark svg{display:block;width:34%;height:auto;color:var(--brand-ink);opacity:.16}.hp-post-page__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(48px,7vw,120px);align-items:start;padding-bottom:var(--pb)}.hp-post-page__body{max-width:760px}.hp-post-page__aside{position:sticky;top:100px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:28px;border-radius:4px;background:var(--brand-lime);color:var(--brand-ink)}.hp-post-page__aside-body{margin:0;font-size:var(--text-h6);letter-spacing:-.03em;line-height:1.2}.hp-post-page__nav{display:flex;justify-content:space-between;gap:32px;padding-block:64px;border-top:1px solid var(--color-border)}.hp-post-page__nav-link{display:flex;gap:16px;max-width:380px;font-size:var(--text-md);line-height:1.3}.hp-post-page__nav-link--next{margin-left:auto;text-align:right}.hp-post-page__nav-link b{display:block;margin-bottom:6px;color:var(--color-subdued);font-size:11px}.hp-post-page__nav-link svg{flex:0 0 24px;width:24px;height:13px;margin-top:6px}.hp-post-page__nav-link:hover{opacity:.6}.hp-post-page__comments{display:flex;flex-direction:column;gap:24px;max-width:760px;padding-bottom:96px}.hp-post-page__comment-form{display:flex;flex-direction:column;gap:8px}.hp-post-page__comment-form :is(input,textarea){padding:14px 16px;border:1px solid var(--color-border);background:transparent}.hp-post-page__comment-form label{margin-top:12px}.hp-post-page__comment-form button{align-self:flex-start;margin-top:20px;padding:14px 22px;border:0;border-radius:3px;background:var(--section-fg);color:var(--section-bg);cursor:pointer;font-weight:600}@media screen and (max-width:899px){.hp-post-page__head{padding-block:calc(var(--pt) * .6) 32px}.hp-post-page__crumbs{margin-bottom:24px}.hp-post-page__hero{padding-bottom:40px}.hp-post-page__layout{grid-template-columns:1fr;padding-bottom:calc(var(--pb) * .5)}.hp-post-page__aside{position:static}.hp-post-page__nav{flex-direction:column;padding-block:40px}.hp-post-page__nav-link--next{margin-left:0;text-align:left;flex-direction:row-reverse;justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/105/assets/hp-article.css.map */