.blog-article{padding:clamp(72px,9vw,120px) 0 0}.blog-back{display:inline-flex;margin-bottom:clamp(40px,5vw,64px);align-items:center;gap:10px;min-height:44px;color:var(--quiet);font-size:12px;letter-spacing:.12em;text-transform:uppercase;transition:color .18s ease}.blog-back:before{width:20px;height:1px;content:"";background:currentcolor;transition:width .32s var(--blog-ease)}.blog-back:hover{color:var(--bronze)}.blog-back:hover:before{width:30px}.blog-article h1{margin:0;color:var(--ink);font-family:var(--blog-display);font-size:clamp(2.5rem,5.2vw,4.9rem);font-weight:350;letter-spacing:-.05em;line-height:.96;text-wrap:balance}.blog-article-dek{margin:26px 0 0;color:var(--quiet);font-family:var(--blog-display);font-size:clamp(1.2rem,1.7vw,1.55rem);line-height:1.5}.blog-article-meta{margin:38px 0 0;padding:18px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--hair)}.blog-article-cover{display:block;width:100%;height:auto;margin:clamp(40px,5vw,64px) 0 0;border:1px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.blog-article-cover-caption{margin:12px 0 0;color:var(--quiet);font-size:12px;line-height:1.6}.blog-body{max-width:var(--blog-measure);padding:clamp(44px,5vw,68px) 0 0;color:#343834;font-size:18px;line-height:1.78}.blog-body>p:first-child{margin:0 0 30px;color:var(--ink);font-family:var(--blog-display);font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.48}.blog-body p{margin:0 0 26px}.blog-body h2,.blog-body h3,.blog-body h4{color:var(--ink);font-family:var(--blog-display);font-weight:350;letter-spacing:-.035em;line-height:1.08;scroll-margin-top:var(--anchor-offset)}.blog-body h2{margin:clamp(44px,5vw,64px) 0 22px;font-size:clamp(1.8rem,2.7vw,2.5rem)}.blog-body h3{margin:clamp(36px,4vw,48px) 0 18px;font-size:clamp(1.45rem,2vw,1.85rem)}.blog-body h4{margin:clamp(30px,3vw,40px) 0 14px;font-size:1.35rem}.blog-heading-anchor{margin-left:.35em;color:var(--bronze);font-family:var(--blog-sans);font-size:.5em;opacity:0;transition:opacity .18s ease}.blog-body h2:hover .blog-heading-anchor,.blog-body h3:hover .blog-heading-anchor,.blog-body h4:hover .blog-heading-anchor,.blog-heading-anchor:focus-visible{opacity:1}.blog-body a{background-image:linear-gradient(currentcolor,currentcolor);background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px;transition:background-size .26s var(--blog-ease),color .18s ease}.blog-body a:hover{background-size:100% 2px}.blog-next{max-width:var(--blog-measure);padding:clamp(56px,6vw,84px) 0 0}.blog-next-label{margin:0 0 16px;color:var(--quiet);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.blog-next-link{display:grid;padding:26px 4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;border-top:1px solid var(--ink);border-bottom:1px solid var(--hair);transition:background .2s var(--blog-ease)}.blog-next-link:hover{background:#9c5f280d}.blog-next-kicker{display:block;margin-bottom:10px;color:var(--bronze);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.blog-next-title{display:block;color:var(--ink);font-family:var(--blog-display);font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:350;letter-spacing:-.035em;line-height:1.06}.blog-draft-banner{margin:0 0 clamp(28px,3vw,40px);padding:14px 18px;border:1px solid var(--bronze);color:var(--ink);background:#f5e8dc;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
