.body-container--blog-index{background:color-mix(in srgb,var(--bnn-cream) 97%,transparent);font-family:var(--font-body),ui-monospace,Menlo,monospace}.body-container--blog-index .blog-hero{background:var(--bnn-navy);border-radius:var(--bnn-radius-lg);box-shadow:0 1.5rem 3.5rem color-mix(in srgb,var(--bnn-navy) 18%,transparent);color:var(--bnn-gold);padding:clamp(1.5rem,4vw,2.5rem) 1.25rem;text-align:center}.body-container--blog-index .blog-hero h1{color:var(--bnn-gold);font-family:var(--font-heading),ui-serif,Georgia,serif;font-size:clamp(2.5rem,5vw,3.75rem);margin-bottom:1rem}.body-container--blog-index .blog-hero .intro{color:color-mix(in srgb,var(--bnn-cream) 92%,transparent);font-family:var(--font-body),ui-monospace,Menlo,monospace;font-size:clamp(1.1rem,3vw,1.35rem);margin:0 auto;max-width:40ch}.body-container--blog-index .blog-index__post{background:color-mix(in srgb,var(--bnn-cream) 96%,transparent);border-radius:var(--bnn-radius-lg);box-shadow:0 4px 12px color-mix(in srgb,var(--bnn-navy) 12%,transparent);margin-bottom:clamp(1.5rem,3vw,2.5rem);padding:clamp(1.25rem,3vw,1.75rem);transition:transform .25s ease,box-shadow .25s ease}.body-container--blog-index .blog-index__post:focus-within,.body-container--blog-index .blog-index__post:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--bnn-navy) 20%,transparent);transform:translateY(-4px)}.body-container--blog-index .blog-index__post-title{color:var(--bnn-navy);font-family:var(--font-heading),ui-serif,Georgia,serif;margin-bottom:.5rem}.body-container--blog-index .blog-index__post-summary{color:color-mix(in srgb,var(--bnn-navy) 85%,transparent);font-family:var(--font-body),ui-monospace,Menlo,monospace}.body-container--blog-index .blog-pagination{margin-top:clamp(2rem,5vw,3rem);text-align:center}.body-container--blog-index .bnn-footer-cta{background:color-mix(in srgb,var(--bnn-cream) 94%,var(--bnn-teal) 6%);border-radius:var(--bnn-radius-lg);box-shadow:0 4px 14px color-mix(in srgb,var(--bnn-navy) 14%,transparent);padding:clamp(2.5rem,6vw,3.5rem) 1.5rem;text-align:center}.body-container--blog-index .bnn-footer-cta h2{color:var(--bnn-navy);font-family:var(--font-heading),ui-serif,Georgia,serif;margin-bottom:1.5rem}.body-container--blog-index .bnn-footer-cta .btn{background:var(--bnn-navy);border-radius:var(--bnn-radius-md);color:var(--bnn-cream);font-family:var(--font-body),ui-monospace,Menlo,monospace;padding:.75rem 1.5rem;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}.body-container--blog-index .bnn-footer-cta .btn:focus-visible,.body-container--blog-index .bnn-footer-cta .btn:hover{background:var(--bnn-teal);color:var(--bnn-navy);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.body-container--blog-index .blog-index__post,.body-container--blog-index .bnn-footer-cta .btn{transition:none}}.body-container--blog-index .blog-index__post-summary,.body-container--blog-index .blog-index__post-summary :is(h1,h2,h3,h4,h5,h6,p,li,span,strong,em){color:#191e38!important;-webkit-text-fill-color:#191e38}.body-container--blog-index .blog-index__post-summary :is(h1,h2,h3,h4){font-size:1.05rem;line-height:1.35;margin:0 0 .5rem}.body-container--blog-index .blog-hero .blog-hero__inner,.body-container--blog-index .blog-hero>.content-wrapper{background:color-mix(in srgb,#191e38 88%,transparent);border-radius:var(--bnn-radius-lg);display:inline-block;max-width:100%;padding:clamp(.75rem,2vw,1.25rem) clamp(1rem,3vw,1.75rem)}.body-container--blog-index .blog-hero h1{margin-bottom:.5rem}.body-container--blog-index .blog-hero .intro{font-size:clamp(1rem,2.2vw,1.15rem)}.body-container--blog-index .blog-index__post :is(.blog-index__post-timestamp,.blog-index__post-author,.blog-index__post-author-name,.blog-index__post-title-link){color:#191e38!important;-webkit-text-fill-color:#191e38}.body-container--blog-index .blog-index__post .blog-index__post-tags .blog-index__post-tag{background:#191e38;border-radius:999px;color:#f6eedb!important;display:inline-block;padding:.1rem .55rem;-webkit-text-fill-color:#f6eedb;font-weight:700;margin:0 .25rem .25rem 0;text-decoration:none}.body-container--blog-index .blog-index__post .blog-index__post-tags .blog-index__post-tag:focus-visible,.body-container--blog-index .blog-index__post .blog-index__post-tags .blog-index__post-tag:hover{background:#eec86f;color:#191e38!important;-webkit-text-fill-color:#191e38}.hs-blog-listing .dnd-section:has(.artist-hero){padding-block:1.5rem!important}.hs-blog-listing .artist-hero{background:transparent!important;min-height:0!important;padding:0!important}.hs-blog-listing .artist-hero .artist-hero__inner,.hs-blog-listing .artist-hero>.content-wrapper{background:color-mix(in srgb,#191e38 88%,transparent);border-radius:var(--bnn-radius-lg);display:inline-block;margin:0 auto;max-width:100%;padding:clamp(.75rem,2vw,1.25rem) clamp(1rem,3vw,1.75rem);text-align:center}.hs-blog-listing .artist-hero h1{color:#eec86f;font-size:clamp(1.6rem,3.5vw,2.4rem);margin:0 0 .35rem}.hs-blog-listing .artist-hero .intro{color:#f6eedb;font-size:clamp(1rem,2.2vw,1.15rem);margin:0}.hs-blog-listing .dnd-section:has(.artist-hero){text-align:center}.hs-blog-listing .dnd-section:has(.artist-hero){background-color:var(--bnn-page-bg)!important;background-image:none!important}[data-theme=dark] .hs-blog-listing .artist-hero .artist-hero__inner,[data-theme=dark] .hs-blog-listing .artist-hero>.content-wrapper{background:var(--bnn-surface-card,#242a4d);border:2px solid color-mix(in srgb,#eec86f 45%,transparent)}.hs-blog-listing .artist-hero>.content-wrapper,.hs-blog-listing .artist-hero__inner{width:auto}