.blog-post-content{--ocs-accent: #d62f2f;--ocs-ink: rgb(var(--color-foreground-rgb, 17 17 17));--ocs-muted: rgb(var(--color-foreground-rgb, 17 17 17) / .62);--ocs-line: rgb(var(--color-foreground-rgb, 17 17 17) / .12);--ocs-soft-bg: #f6f5f2;--ocs-display: var(--font-accent--family, var(--font-heading--family, inherit))}.ocs-article-hero{padding-block:clamp(12px,2vw,24px) 0}.ocs-article-hero__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(24px,4vw,56px);border-radius:32px;background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--ocs-accent) 10%,transparent),transparent 55%),var(--ocs-soft-bg, #f6f5f2);max-width:var(--narrow-page-width, 90rem)}.ocs-article-hero__grid--text{grid-template-columns:minmax(0,1fr)}.ocs-article-hero__copy{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}.ocs-article-hero__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}.ocs-article-hero__tag{padding:6px 12px;border-radius:999px;background:var(--ocs-accent);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ocs-article-hero__read{color:var(--ocs-muted);font-size:.875rem;font-weight:600}.ocs-article-hero__title{margin:0;font-family:var(--ocs-display);font-size:clamp(2rem,4.2vw,3.3rem);line-height:1.05;letter-spacing:-.03em;text-wrap:balance}.ocs-article-hero__lead{max-width:34rem;margin:0;color:var(--ocs-muted);font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.5}.ocs-article-hero__meta{display:flex;align-items:center;gap:12px;margin:6px 0 0;color:var(--ocs-muted);font-size:.9rem;line-height:1.35}.ocs-article-hero__meta strong{color:var(--ocs-ink)}.ocs-article-hero__avatar{width:40px;height:40px;border-radius:50%}.ocs-article-hero__media{position:relative;aspect-ratio:1 / 1;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 24px 50px -28px #00000059}.ocs-article-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:100% 50%}.blog-post-content.rte{max-width:720px;color:var(--ocs-ink);font-size:1.1875rem;line-height:1.72}.blog-post-content rte-formatter{display:block}.blog-post-content p{margin:0 0 1.25em}.blog-post-content rte-formatter>p:first-child{color:var(--ocs-muted);font-size:1.3125rem;line-height:1.6}.blog-post-content h2{margin:2.4em 0 .6em;font-family:var(--ocs-display);font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.15;letter-spacing:-.02em;scroll-margin-top:90px;text-wrap:balance}.blog-post-content h2:before{content:"";display:block;width:44px;height:4px;margin-bottom:14px;border-radius:4px;background:var(--ocs-accent, #d62f2f)}.blog-post-content h3{margin:1.8em 0 .5em;font-family:var(--ocs-display);font-size:1.3rem;line-height:1.25}.blog-post-content strong{color:var(--ocs-ink);font-weight:700}.blog-post-content.rte a{color:var(--ocs-accent, #d62f2f);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.blog-post-content.rte a:hover{text-decoration-thickness:2px}.blog-post-content ul,.blog-post-content ol{margin:0 0 1.5em;padding:0;list-style:none}.blog-post-content ol{counter-reset:ocs-step}.blog-post-content li{position:relative;margin:.65em 0;padding-left:1.75em}.blog-post-content ul>li:before{content:"";position:absolute;left:.2em;top:.62em;width:.55em;height:.55em;border-radius:50%;background:var(--ocs-accent, #d62f2f)}.blog-post-content ol>li{counter-increment:ocs-step;padding-left:2.7em}.blog-post-content ol>li:before{content:counter(ocs-step);position:absolute;left:0;top:.12em;display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:var(--ocs-ink);color:#fff;font-size:.8em;font-weight:700;line-height:1}.ocs-table-wrap{margin:1.8em 0;overflow-x:auto;border:1px solid var(--ocs-line);border-radius:18px;background:#fff}.blog-post-content table{width:100%;min-width:34rem;border-collapse:collapse;font-size:.975rem;line-height:1.4}.blog-post-content th{padding:14px 16px;background:var(--ocs-soft-bg, #f6f5f2);color:var(--ocs-muted);font-size:.75rem;letter-spacing:.06em;text-align:left;text-transform:uppercase}.blog-post-content td{padding:14px 16px;border-top:1px solid var(--ocs-line);vertical-align:top}.blog-post-content tbody tr:nth-child(2n) td{background:#00000005}.blog-post-content td:first-child{font-weight:600}.blog-post-content p.ocs-figure{margin-block:2em;margin-inline:calc((100% - min(980px,100vw - 40px))/2)}.blog-post-content p.ocs-figure img{display:block;width:100%;height:auto;border:1px solid var(--ocs-line);border-radius:22px;box-shadow:0 24px 50px -32px #00000059}.blog-post-content rte-formatter>p:last-child{margin-top:2.4em;padding:22px 26px;border-left:4px solid var(--ocs-accent, #d62f2f);border-radius:16px;background:var(--ocs-soft-bg, #f6f5f2);font-size:1.0625rem;line-height:1.6}.ocs-toc{margin:0 0 2.2em;padding:20px 24px 12px;border:1px solid var(--ocs-line);border-radius:18px;background:#fff}.blog-post-content .ocs-toc__title{margin:0 0 8px;color:var(--ocs-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.blog-post-content .ocs-toc ol{margin:0}.blog-post-content .ocs-toc li{margin:0 0 .55em;font-size:1rem;line-height:1.4}.blog-post-content .ocs-toc li:before{background:var(--ocs-accent, #d62f2f)}.blog-post-content.rte .ocs-toc a{color:var(--ocs-ink);font-weight:600;text-decoration:none}.blog-post-content.rte .ocs-toc a:hover{color:var(--ocs-accent, #d62f2f)}.ocs-article-more{padding-block:clamp(24px,4vw,48px) clamp(40px,6vw,80px)}.ocs-article-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:clamp(24px,4vw,44px);border-radius:28px;background:var(--ocs-ink);color:#fff}.ocs-article-cta h2{margin:0 0 8px;color:#fff;font-family:var(--ocs-display);font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.02em}.ocs-article-cta p{max-width:34rem;margin:0;color:#ffffffbf}.ocs-article-cta__actions{display:flex;flex-wrap:wrap;gap:12px}.ocs-btn--ghost-light{border:1.5px solid rgb(255 255 255 / .5);background:transparent;color:#fff}.ocs-btn--ghost-light:hover{background:#ffffff1f}.ocs-article-more__head{margin-top:clamp(32px,5vw,56px)}.ocs-article-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 0;padding:0;list-style:none}.ocs-article-card{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;border:1px solid var(--ocs-line);border-radius:22px;background:#fff;color:var(--ocs-ink);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.ocs-article-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px #0006}.ocs-article-card__media{display:block;aspect-ratio:16 / 10;overflow:hidden;background:var(--ocs-soft-bg, #f6f5f2)}.ocs-article-card__image{display:block;width:100%;height:100%;object-fit:cover;object-position:100% 50%}.ocs-article-card__body{display:grid;align-content:start;gap:8px;padding:18px 20px 20px}.ocs-article-card__tag{color:var(--ocs-accent);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ocs-article-card__title{font-family:var(--ocs-display);font-size:1.15rem;font-weight:700;line-height:1.25}.ocs-article-card__more{display:inline-flex;align-items:center;gap:6px;color:var(--ocs-accent);font-size:.9rem;font-weight:600}@media(max-width:989px){.ocs-article-hero__grid{grid-template-columns:minmax(0,1fr)}.ocs-article-hero__media{order:-1;width:min(100%,460px);margin-inline:auto}.ocs-article-cta{flex-direction:column;align-items:flex-start}.ocs-article-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.ocs-article-hero__grid{border-radius:24px}.blog-post-content{font-size:1.0625rem}.blog-post-content rte-formatter>p:first-child{font-size:1.1875rem}.ocs-article-more__grid{grid-template-columns:minmax(0,1fr)}.ocs-article-cta__actions,.ocs-article-cta__actions .ocs-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/ocs-article.css.map */