.mathion-blogpost-hero{background:var(--bg);padding:96px 0 0;position:relative}.mathion-blogpost-hero__inner{max-width:760px;margin:0 auto;padding:0 32px}.mathion-blogpost-back{font-family:var(--font-sans), Quicksand, system-ui, sans-serif;color:var(--sage);align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.mathion-blogpost-back:hover{color:var(--green-deep)}.mathion-blogpost-pill{background:var(--public-blog-pill-bg);border:1.5px solid var(--public-blog-pill-border);color:var(--green-deep);font-family:var(--font-sans), Quicksand, system-ui, sans-serif;text-transform:uppercase;letter-spacing:.14em;border-radius:999px;align-items:center;gap:8px;margin-top:32px;padding:8px 14px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.dark .mathion-blogpost-pill{color:var(--green);background:#007a3f2e;border-color:#007a3f73}.mathion-blogpost-h1{font-family:var(--font-sans), Quicksand, system-ui, sans-serif;letter-spacing:-.02em;color:var(--ink);margin:24px 0 0;font-size:clamp(40px,5.2vw,64px);font-weight:700;line-height:1.05}.mathion-blogpost-meta{font-family:var(--font-sans), Quicksand, system-ui, sans-serif;color:var(--sage);flex-wrap:wrap;align-items:center;gap:24px;margin-top:24px;font-size:14px;display:flex}.mathion-blogpost-meta__item{align-items:center;gap:8px;display:inline-flex}.mathion-blogpost-meta__avatar{background:linear-gradient(135deg, var(--green), var(--green-d));width:32px;height:32px;color:var(--public-on-fill);border-radius:999px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.mathion-blogpost-meta__author{color:var(--ink);font-weight:700}.mathion-blogpost-meta__icon{flex:none;width:14px;height:14px}.mathion-blogpost-cover{max-width:1080px;margin:48px auto 0;padding:0 32px}.mathion-blogpost-cover__frame{aspect-ratio:16/9;border:1.5px solid var(--line);background:var(--cream);border-radius:24px;width:100%;position:relative;overflow:hidden}.mathion-blogpost-cover__frame img{object-fit:cover}@media (max-width:700px){.mathion-blogpost-hero{padding:72px 0 0}.mathion-blogpost-cover{margin-top:32px}}