.article-page{background:var(--white);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-reading);line-height:var(--lh-body)}.article-shell{margin:0 auto;max-width:calc(var(--content-max) + (2 * var(--page-gutter)));padding:116px var(--page-gutter) 96px}.article-header{margin:0 auto;max-width:720px}.article-back{color:var(--brand);display:inline-flex;margin-bottom:44px;text-decoration:none;transition:transform .18s var(--ease),color .18s var(--ease)}.article-back svg{height:24px;width:24px}.article-back:hover{color:var(--ink);transform:translateX(-3px)}.article-title{font-family:var(--font-display);font-size:var(--fs-hero);font-weight:400;letter-spacing:var(--tracking-display);line-height:var(--lh-tight);margin:0 0 18px}.article-date{color:var(--text-muted);font-size:var(--fs-control)}.article-cover{border-radius:0;display:block;height:auto;margin:48px auto 56px;max-width:720px;object-fit:contain;width:100%}.article-body{margin:0 auto;max-width:720px}.article-media{border-radius:0;display:block;margin:28px auto;max-width:100%}.article-figure{margin:28px 0}.article-figure .article-media{margin:0 auto}.article-figure figcaption{color:#666;font-size:14px;margin-top:10px;text-align:center}.article-body h2,.article-body h3{font-family:var(--font-body);font-weight:700;letter-spacing:-.025em;line-height:var(--lh-heading);margin:36px 0 12px}.article-body p{margin:0 0 20px}.article-body a{color:#441fff}.article-body img{border-radius:0;height:auto;max-width:100%}.article-body blockquote{border-left:3px solid var(--brand);color:#444;margin:28px 0;padding-left:20px}@media (max-width:768px){.article-shell{padding-bottom:64px;padding-top:100px}.article-back{margin-bottom:32px}.article-title{font-size:var(--fs-hero-mobile)}.article-cover{margin:36px 0 44px}}