.bp{background:var(--color-surface);color:var(--color-ink)}.bp-hero{color:#fff;align-items:flex-end;min-height:clamp(380px,50vh,540px);display:flex;position:relative;overflow:hidden}.bp-hero__bg{object-fit:cover;object-position:center 30%;width:100%;height:100%;position:absolute;inset:0}.bp-hero__overlay{background:linear-gradient(105deg,#1a0128f5 0%,#2c0143d1 40%,#2c01438c 65%,#2c01434d 82%,#0000 100%),linear-gradient(#0000 45%,#1a012866 65%,#1a0128e0 100%);position:absolute;inset:0}.bp-hero__inner{width:100%;padding:calc(var(--header-bar-height) + clamp(28px, 4vw, 44px)) 0 clamp(36px, 5vw, 52px);max-width:48rem;position:relative}.bp-hero__nav{align-items:center;gap:12px;margin-bottom:20px;display:flex}.bp-hero__nav-sep{color:#ffffff4d;font-weight:300}.bp-hero__back{border-radius:var(--radius-pill);color:#fff;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff2e;align-items:center;gap:8px;padding:7px 14px 7px 10px;font-size:11px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.bp-hero__back:hover{background:#ffffff2e;border-color:#ffffff59}.bp-hero__cat{letter-spacing:.2em;text-transform:uppercase;color:var(--color-secondary);font-size:10px;font-weight:700;text-decoration:none}.bp-hero__cat:hover{text-decoration:underline}.bp-hero__title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;text-shadow:0 2px 24px #1a012866;margin:0 0 14px;font-size:clamp(2rem,4.8vw,3.25rem);font-weight:400;line-height:1.06}.bp-hero__meta{color:#ffffffb3;letter-spacing:.03em;margin:0;font-size:13px;font-weight:500}.bp-hero__deck{color:#ffffffd1;max-width:36rem;margin:14px 0 0;font-size:clamp(.95rem,1.8vw,1.1rem);line-height:1.6}.bp-read{padding:clamp(36px,5vw,56px) 0 clamp(56px,8vw,80px)}.bp-read__grid{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:clamp(32px,4vw,56px);display:grid}.bp-read__grid--solo{grid-template-columns:1fr}.bp-read__grid--solo .bp-body{max-width:680px;margin-inline:auto}.bp-toc{top:calc(var(--header-bar-height) + 20px);position:sticky}.bp-toc__label{letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);margin:0 0 10px;font-size:10px;font-weight:700}.bp-toc__list{margin:0;padding:0;list-style:none}.bp-toc__item{margin-bottom:2px}.bp-toc__item--sub{padding-left:10px}.bp-toc__item a{color:var(--color-muted);border-radius:5px;padding:5px 8px;font-size:13px;line-height:1.4;text-decoration:none;transition:color .15s,background .15s;display:block}.bp-toc__item a:hover,.bp-toc__item a.is-active{color:var(--color-heading-accent);background:#5b439b12}.bp-toc__item a.is-active{font-weight:600}.bp-body{max-width:680px;color:var(--color-muted);font-size:17px;line-height:1.78}.bp-body .blog-heading{scroll-margin-top:calc(var(--header-bar-height) + 16px)}.bp-body h2,.bp-body h3,.bp-body h4{font-family:var(--font-display);color:var(--color-ink);margin:2em 0 .6em;font-weight:400;line-height:1.2}.bp-body h2{border-top:1px solid #5b439b1a;padding-top:.5em;font-size:clamp(1.35rem,2.5vw,1.65rem)}.bp-body h3{font-size:1.2rem}.bp-body p,.bp-body ul,.bp-body ol,.bp-body blockquote{margin:0 0 1.2em}.bp-body ul,.bp-body ol{padding-left:1.3rem}.bp-body li+li{margin-top:.35em}.bp-body a{color:var(--color-primary);text-underline-offset:2px;font-weight:600}.bp-body strong{color:var(--color-ink)}.bp-body blockquote{border-left:3px solid var(--color-secondary);color:var(--color-ink);background:#faf8fc;margin-inline:0;padding:16px 22px;font-style:italic}.bp-body figure{margin:2em 0}.bp-body figure img{border-radius:8px;width:100%;height:auto;box-shadow:0 8px 28px #2c01431a}.bp-body figcaption{color:var(--color-muted);text-align:center;margin-top:8px;font-size:13px}.bp-more{background:#f6f2fa;border-top:1px solid #5b439b1a;padding:clamp(36px,5vw,52px) 0 clamp(40px,5vw,56px)}.bp-more__eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);margin:0 0 4px;font-size:10px;font-weight:700}.bp-more__title{font-family:var(--font-display);color:var(--color-ink);margin:0 0 clamp(18px,2.5vw,24px);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:400;line-height:1.1}.bp-more__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.bp-more__card{background:var(--color-surface-elevated);border:1px solid #5b439b1a;border-radius:10px;flex-direction:column;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 2px 12px #2c01430f}.bp-more__card:hover{border-color:#5b439b40;transform:translateY(-2px);box-shadow:0 8px 24px #2c01431a}.bp-more__media{aspect-ratio:16/9;overflow:hidden}.bp-more__media img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.bp-more__card:hover .bp-more__media img{transform:scale(1.04)}.bp-more__body{gap:5px;padding:14px 16px;display:grid}.bp-more__cat{letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);font-size:10px;font-weight:700}.bp-more__name{font-family:var(--font-display);color:var(--color-ink);font-size:1rem;font-weight:400;line-height:1.3}.bp-more__cta{letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);font-size:10px;font-weight:700}@media (width<=800px){.bp-hero{align-items:flex-end;min-height:clamp(320px,56vh,480px)}.bp-hero__inner{padding-top:calc(var(--header-bar-height) + 16px);padding-bottom:clamp(24px,5vw,36px)}.bp-hero__title{font-size:clamp(1.6rem,6vw,2.2rem)}.bp-hero__deck{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;display:-webkit-box;overflow:hidden}.bp-read{padding-top:24px}.bp-read__grid{grid-template-columns:1fr;gap:20px}.bp-toc{border-bottom:1px solid var(--color-border);padding-bottom:16px;position:static}.bp-toc__list{flex-wrap:wrap;gap:6px;display:flex}.bp-toc__item,.bp-toc__item--sub{padding:0}.bp-toc__item a{white-space:nowrap;background:0 0;border:1px solid #5b439b26;border-radius:999px;padding:6px 12px;font-size:12px}.bp-body{font-size:16px}.bp-more{padding-top:32px;padding-bottom:40px}.bp-more__grid{grid-template-columns:1fr}}@media (width>=801px) and (width<=1020px){.bp-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
