.blog-post{padding-bottom:0;--article-text-width: min(660px, 100%);--section-anchor-content-width: min(980px, 100%)}.post-header{padding:48px 0 40px;display:flex;flex-direction:column;align-items:center;gap:28px;max-width:min(var(--section-anchor-content-width),100%);margin-inline:auto;text-align:center}.post-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;max-width:100%;font-family:var(--font-body);font-size:18px;letter-spacing:-.06em;color:var(--color-ink)}.post-date{color:var(--color-ink)}.breadcrumb{display:flex;align-items:center;gap:2px;min-width:0}.breadcrumb-link{color:var(--color-text);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-arrow{color:var(--color-muted);flex-shrink:0}.breadcrumb-current{background-image:linear-gradient(180deg,#4286f4,#9b59b6 50%,#e16ddc 75%,#fa7268,#f9533d);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:500;overflow-wrap:anywhere}.post-title-wrap{display:flex;flex-direction:column;gap:28px;width:100%}.post-title{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,4.5vw,3rem);line-height:1.3;letter-spacing:-.02em;color:var(--color-ink-strong);margin:0;overflow-wrap:anywhere}.post-subtitle{margin:0;font-family:var(--font-body);font-weight:400;font-size:clamp(1rem,2vw,1.4rem);line-height:1.35;color:var(--color-ink)}.post-paper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.post-paper-btn{gap:8px}.post-icon-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-line);border-radius:var(--radius-pill);color:var(--color-ink);background:var(--color-surface);transition:border-color .15s ease,color .15s ease}.post-icon-link:hover{border-color:var(--color-ink);color:var(--color-ink-strong)}.title-video-wrap{display:flex;justify-content:center;width:100%;margin:0}.title-video{width:auto;max-width:100%;height:auto;object-fit:contain;display:block;background:#111}.hero-image-wrap{max-width:min(880px,var(--section-anchor-content-width),100%);margin-inline:auto;padding:0 0 48px}.hero-image{width:100%;aspect-ratio:880 / 494;border-radius:clamp(28px,12vw,156px);corner-shape:squircle;clip-path:none;overflow:hidden;background:#f5f2f2}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.article-body{position:relative}.post-content{max-width:min(var(--section-anchor-content-width),100%);margin-inline:auto;display:flex;flex-direction:column;gap:34px;padding-bottom:52px}.divider{border:none;border-top:1px solid #e1e1e1;max-width:var(--article-text-width);width:100%;margin:0 auto}.content-main{display:flex;flex-direction:column;gap:52px;width:100%;min-width:0}.section-image-wrap{display:flex;flex-direction:column;align-items:center;width:100%;margin:0;overflow:visible}.section-media-frame{display:table;max-width:100%;border-radius:clamp(20px,4vw,34px);overflow:hidden;line-height:0;background:var(--color-surface-soft)}.section-media-frame--video{background:#111}.section-media-frame--linked{display:block;width:100%;color:inherit;text-decoration:none}.section-image,.section-video,.title-video{width:auto;max-width:100%;height:auto;object-fit:contain;display:block}.section-media-frame--linked .section-image,.section-image-wrap a .section-image{width:100%;height:auto;object-fit:contain;background:var(--color-surface-soft)}.section-image-wrap figcaption{width:100%;margin-top:12px;color:var(--color-muted);font-size:14px;line-height:1.5;text-align:center}.section-video{background:#111}@media(min-width:1181px){.blog-post{--section-anchor-gutter: 200px;--section-anchor-content-width: min(980px, calc(100% - 2 * var(--section-anchor-gutter)))}}@media(min-width:1181px)and (max-width:1400px){.blog-post{--article-text-width: min(760px, 100%)}}@media(max-width:980px){.post-header,.hero-image-wrap{max-width:100%}.hero-image{border-radius:40px}.post-content{max-width:100%}}@media(max-width:640px){.post-header{padding:32px 0 24px;gap:20px}.post-meta{font-size:15px;gap:8px 12px;letter-spacing:-.03em}.hero-image{aspect-ratio:4 / 3}.post-content{gap:28px;padding-bottom:40px}.content-main{gap:40px}}@media(max-width:420px){.post-header{align-items:flex-start;text-align:left}.post-meta{justify-content:flex-start}.breadcrumb{flex-wrap:wrap}}