@font-face{font-family:VBB Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcviYwYZ90m.woff2) format("woff2")}:root{--vbb-bg: #ffffff;--vbb-bg-subtle: #fafafa;--vbb-bg-panel: #f4f4f5;--vbb-ink: #09090b;--vbb-text: #18181b;--vbb-muted: #71717a;--vbb-dim: #a1a1aa;--vbb-border: #e4e4e7;--vbb-border-soft: rgb(9 9 11 / .06);--vbb-accent: #2563eb;--vbb-accent-soft: #eff6ff;--vbb-accent-ink: #1d4ed8;--vbb-max: 72rem;--vbb-max-read: 42rem;--vbb-sans: "VBB Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--vbb-ease: cubic-bezier(.22, 1, .36, 1);--vbb-radius: .5rem;--vbb-nav-h: 3.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body.vbb-page{font-family:var(--vbb-sans);font-size:1rem;line-height:1.6;color:var(--vbb-text);background:var(--vbb-bg);-webkit-font-smoothing:antialiased;overflow-x:clip}.vbb-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--vbb-nav-h);display:flex;align-items:center;background:#ffffffe0;border-bottom:1px solid var(--vbb-border);backdrop-filter:blur(12px) saturate(1.3)}.vbb-nav__inner{width:min(100% - 2rem,var(--vbb-max));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.vbb-nav__brand{font-size:1rem;font-weight:700;letter-spacing:-.04em;color:var(--vbb-ink);text-decoration:none;display:inline-flex;align-items:baseline;gap:.5rem}.vbb-nav__brand-tag{font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--vbb-dim)}.vbb-nav__styles{display:flex;align-items:center;gap:.25rem;list-style:none}.vbb-nav__styles a{display:inline-flex;align-items:center;padding:.3rem .6rem;border-radius:999px;font-size:.8125rem;font-weight:500;color:var(--vbb-muted);text-decoration:none;transition:color .15s,background .15s}.vbb-nav__styles a:hover,.vbb-nav__styles a[aria-current=page]{color:var(--vbb-ink);background:var(--vbb-bg-panel)}.vbb-nav__back{font-size:.8125rem;color:var(--vbb-muted);text-decoration:none;transition:color .15s}.vbb-nav__back:hover{color:var(--vbb-ink)}.vbb-offset{padding-top:var(--vbb-nav-h)}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s var(--vbb-ease),transform .7s var(--vbb-ease)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}[data-reveal-delay="1"]{transition-delay:.1s}[data-reveal-delay="2"]{transition-delay:.2s}[data-reveal-delay="3"]{transition-delay:.3s}[data-reveal-delay="4"]{transition-delay:.45s}.vbb-a{--a-chapter-gap: clamp(5rem, 12vw, 9rem)}.vbb-a__cover{min-height:100svh;display:grid;place-items:center;text-align:center;padding:clamp(3rem,8vw,6rem) 1rem;position:relative;overflow:hidden}.vbb-a__cover:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(9 9 11 / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(9 9 11 / .04) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 70% 70% at 50% 30%,black,transparent 80%);z-index:0}.vbb-a__cover-inner{position:relative;z-index:1}.vbb-a__eyebrow{display:inline-block;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--vbb-dim);margin-bottom:2rem}.vbb-a__wordmark{font-size:clamp(4rem,16vw,11rem);font-weight:800;letter-spacing:-.05em;line-height:.9;color:var(--vbb-ink);margin-bottom:2rem}.vbb-a__cover-line{width:1px;height:2.5rem;background:var(--vbb-border);margin-inline:auto;margin-bottom:2rem}.vbb-a__cover-sub{font-size:.9375rem;color:var(--vbb-muted);letter-spacing:.02em;margin-bottom:4rem}.vbb-a__scroll{position:absolute;bottom:2.5rem;left:50%;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--vbb-dim);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;animation:vbb-bob 2.4s ease-in-out infinite}@keyframes vbb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.vbb-a__scroll-arrow{width:1px;height:2rem;background:linear-gradient(to bottom,transparent,var(--vbb-dim));margin-inline:auto}.vbb-a__chapters{padding:0 1rem var(--a-chapter-gap)}.vbb-a__chapter{width:min(100%,var(--vbb-max));margin-inline:auto;padding:var(--a-chapter-gap) 0;border-top:1px solid var(--vbb-border);display:grid;grid-template-columns:5rem 1fr;gap:0 3rem;align-items:start}@media(max-width:640px){.vbb-a__chapter{grid-template-columns:1fr;gap:1rem}}.vbb-a__chapter-num{font-size:.6875rem;font-weight:600;letter-spacing:.1em;color:var(--vbb-dim);text-transform:uppercase;padding-top:.25rem}.vbb-a__chapter-label{font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--vbb-accent);margin-bottom:1rem}.vbb-a__chapter-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:var(--vbb-ink);margin-bottom:1.5rem}.vbb-a__chapter-body{font-size:1.0625rem;line-height:1.7;color:var(--vbb-muted);max-width:38rem;margin-bottom:2.5rem}.vbb-a__colors{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.vbb-a__swatch{display:flex;flex-direction:column;gap:.625rem;min-width:7rem}.vbb-a__swatch-block{height:4.5rem;border-radius:var(--vbb-radius);border:1px solid var(--vbb-border-soft)}.vbb-a__swatch-name{font-size:.75rem;font-weight:600;color:var(--vbb-ink);letter-spacing:-.01em}.vbb-a__swatch-hex{font-size:.6875rem;color:var(--vbb-muted);font-variant-numeric:tabular-nums}.vbb-a__type-scale{display:flex;flex-direction:column;gap:1.25rem;margin-top:2rem}.vbb-a__type-row{display:grid;grid-template-columns:6rem 1fr;align-items:baseline;gap:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--vbb-border)}.vbb-a__type-meta{font-size:.6875rem;color:var(--vbb-dim);letter-spacing:.06em;text-transform:uppercase;padding-top:.25rem}.vbb-a__type-sample{color:var(--vbb-ink);letter-spacing:-.03em;line-height:1.15}.vbb-a__rules{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}@media(max-width:640px){.vbb-a__rules{grid-template-columns:1fr}}.vbb-a__rule{padding:1.5rem;border-radius:var(--vbb-radius);border:1px solid var(--vbb-border)}.vbb-a__rule--do{background:#f0fdf4;border-color:#bbf7d0}.vbb-a__rule--dont{background:#fff1f2;border-color:#fecdd3}.vbb-a__rule-tag{font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.625rem}.vbb-a__rule--do .vbb-a__rule-tag{color:#16a34a}.vbb-a__rule--dont .vbb-a__rule-tag{color:#dc2626}.vbb-a__rule-text{font-size:.9375rem;line-height:1.55;color:var(--vbb-text)}.vbb-a__voice-pairs{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.vbb-a__voice-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.vbb-a__voice-pair{grid-template-columns:1fr}}.vbb-a__voice-card{padding:1.25rem 1.5rem;border-radius:var(--vbb-radius);border:1px solid var(--vbb-border);font-size:.9375rem;line-height:1.6;color:var(--vbb-text)}.vbb-a__voice-card--on{background:var(--vbb-accent-soft);border-color:#2563eb33}.vbb-a__voice-card-label{font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.625rem;display:block}.vbb-a__voice-card--on .vbb-a__voice-card-label{color:var(--vbb-accent)}.vbb-a__voice-card--off .vbb-a__voice-card-label{color:var(--vbb-dim)}.vbb-a__app-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-top:2rem}@media(max-width:640px){.vbb-a__app-grid{grid-template-columns:1fr}}.vbb-a__app-card{aspect-ratio:4/3;border-radius:var(--vbb-radius);border:1px solid var(--vbb-border);background:var(--vbb-bg-subtle);overflow:hidden;display:flex;flex-direction:column;padding:1.25rem;gap:.75rem;position:relative}.vbb-a__app-card-label{font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vbb-dim)}.vbb-a__app-card-title{font-size:.9375rem;font-weight:600;letter-spacing:-.02em;color:var(--vbb-ink)}.vbb-a__app-card-bar{margin-top:auto;height:.375rem;border-radius:999px;background:var(--vbb-border);overflow:hidden}.vbb-a__app-card-bar:after{content:"";display:block;height:100%;border-radius:999px;background:var(--vbb-accent)}.vbb-a__end{padding:var(--a-chapter-gap) 1rem;text-align:center;border-top:1px solid var(--vbb-border)}.vbb-a__end-mark{font-size:2rem;font-weight:800;letter-spacing:-.05em;color:var(--vbb-ink);margin-bottom:.5rem}.vbb-a__end-sub{font-size:.875rem;color:var(--vbb-dim)}.vbb-b{--b-sidebar-w: 14rem}.vbb-b__layout{display:grid;grid-template-columns:var(--b-sidebar-w) 1fr;min-height:calc(100svh - var(--vbb-nav-h))}@media(max-width:768px){.vbb-b__layout{grid-template-columns:1fr}.vbb-b__sidebar{display:none}}.vbb-b__sidebar{position:sticky;top:var(--vbb-nav-h);height:calc(100svh - var(--vbb-nav-h));overflow-y:auto;border-right:1px solid var(--vbb-border);padding:2rem 0;display:flex;flex-direction:column;gap:2rem;background:var(--vbb-bg-subtle)}.vbb-b__sidebar-section{padding:0 1.5rem}.vbb-b__sidebar-label{font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--vbb-dim);margin-bottom:.75rem;padding-left:.5rem}.vbb-b__sidebar-nav{list-style:none;display:flex;flex-direction:column;gap:.125rem}.vbb-b__sidebar-nav a{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:.375rem;font-size:.8125rem;color:var(--vbb-muted);text-decoration:none;transition:color .15s,background .15s}.vbb-b__sidebar-nav a:hover{color:var(--vbb-ink);background:var(--vbb-bg-panel)}.vbb-b__sidebar-nav a.is-active{color:var(--vbb-ink);background:var(--vbb-bg-panel);font-weight:500}.vbb-b__sidebar-num{font-size:.6875rem;color:var(--vbb-dim);font-variant-numeric:tabular-nums;min-width:1.25rem}.vbb-b__main{padding:3rem 2.5rem 6rem;max-width:54rem}@media(max-width:640px){.vbb-b__main{padding:2rem 1.25rem 4rem}}.vbb-b__section{padding-bottom:3.5rem;margin-bottom:3.5rem;border-bottom:1px solid var(--vbb-border);scroll-margin-top:calc(var(--vbb-nav-h) + 1rem)}.vbb-b__section:last-child{border-bottom:none}.vbb-b__section-header{display:flex;align-items:baseline;gap:.875rem;margin-bottom:2rem}.vbb-b__section-num{font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vbb-dim);min-width:1.5rem}.vbb-b__section-title{font-size:1.5rem;font-weight:700;letter-spacing:-.04em;color:var(--vbb-ink)}.vbb-b__section-body{font-size:.9375rem;line-height:1.7;color:var(--vbb-muted);max-width:36rem;margin-bottom:2rem}.vbb-b__color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1rem}.vbb-b__color-swatch{border:1px solid var(--vbb-border);border-radius:var(--vbb-radius);overflow:hidden}.vbb-b__color-block{height:5rem}.vbb-b__color-meta{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.vbb-b__color-name{font-size:.8125rem;font-weight:600;color:var(--vbb-ink);letter-spacing:-.01em}.vbb-b__color-role{font-size:.6875rem;color:var(--vbb-muted)}.vbb-b__color-hex{font-size:.6875rem;color:var(--vbb-dim);font-variant-numeric:tabular-nums;font-family:ui-monospace,Cascadia Code,monospace}.vbb-b__type-specimen{display:flex;flex-direction:column;gap:0}.vbb-b__type-row{display:grid;grid-template-columns:8rem 1fr;align-items:baseline;gap:1.5rem;padding:1.25rem 0;border-bottom:1px solid var(--vbb-border)}.vbb-b__type-meta{display:flex;flex-direction:column;gap:.25rem}.vbb-b__type-label{font-size:.6875rem;font-weight:600;color:var(--vbb-muted);letter-spacing:.06em;text-transform:uppercase}.vbb-b__type-spec{font-size:.625rem;color:var(--vbb-dim);font-family:ui-monospace,Cascadia Code,monospace;line-height:1.5}.vbb-b__type-sample{color:var(--vbb-ink);line-height:1.15}.vbb-b__token-table{width:100%;border-collapse:collapse;font-size:.8125rem}.vbb-b__token-table th{text-align:left;padding:.5rem .75rem;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--vbb-dim);border-bottom:1px solid var(--vbb-border)}.vbb-b__token-table td{padding:.625rem .75rem;border-bottom:1px solid var(--vbb-border-soft);color:var(--vbb-text);vertical-align:middle}.vbb-b__token-table tr:last-child td{border-bottom:none}.vbb-b__token-preview{display:inline-block;width:1rem;height:1rem;border-radius:.25rem;border:1px solid var(--vbb-border-soft);vertical-align:middle;margin-right:.5rem}.vbb-b__token-code{font-family:ui-monospace,Cascadia Code,monospace;font-size:.75rem;color:var(--vbb-accent);background:var(--vbb-accent-soft);padding:.125rem .375rem;border-radius:.25rem}.vbb-b__logo-display{background:var(--vbb-bg-subtle);border:1px solid var(--vbb-border);border-radius:var(--vbb-radius);padding:3rem;text-align:center;margin-bottom:1rem}.vbb-b__logo-word{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;letter-spacing:-.05em;color:var(--vbb-ink);line-height:1}.vbb-b__logo-dark{background:var(--vbb-ink)}.vbb-b__logo-dark .vbb-b__logo-word{color:var(--vbb-bg)}.vbb-b__logo-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.vbb-b__comp-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:1.5rem;border:1px solid var(--vbb-border);border-radius:var(--vbb-radius);background:var(--vbb-bg-subtle);margin-bottom:1rem}.vbb-b__btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:opacity .15s;font-family:var(--vbb-sans);letter-spacing:-.01em}.vbb-b__btn:hover{opacity:.85}.vbb-b__btn--primary{background:var(--vbb-ink);color:var(--vbb-bg)}.vbb-b__btn--outline{background:transparent;color:var(--vbb-ink);border:1px solid var(--vbb-border)}.vbb-b__btn--accent{background:var(--vbb-accent);color:#fff}.vbb-b__badge{display:inline-flex;align-items:center;padding:.2rem .625rem;border-radius:999px;font-size:.6875rem;font-weight:600;letter-spacing:.04em}.vbb-b__badge--neutral{background:var(--vbb-bg-panel);color:var(--vbb-muted)}.vbb-b__badge--accent{background:var(--vbb-accent-soft);color:var(--vbb-accent-ink)}.vbb-b__principles{display:flex;flex-direction:column;gap:1rem}.vbb-b__principle{padding:1.25rem 1.5rem;border-radius:var(--vbb-radius);border:1px solid var(--vbb-border);display:grid;grid-template-columns:.5rem 1fr;gap:1rem;align-items:start}.vbb-b__principle-dot{width:.5rem;height:.5rem;border-radius:999px;background:var(--vbb-accent);margin-top:.45rem}.vbb-b__principle-title{font-size:.9375rem;font-weight:600;color:var(--vbb-ink);letter-spacing:-.02em;margin-bottom:.375rem}.vbb-b__principle-body{font-size:.875rem;line-height:1.6;color:var(--vbb-muted)}.vbb-c{--c-read: 42rem;--c-margin-note: 14rem}.vbb-c__cover{min-height:90svh;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(3rem,8vw,6rem) 1rem clamp(3rem,6vw,4.5rem);border-bottom:1px solid var(--vbb-border);position:relative;overflow:hidden}.vbb-c__cover:before{content:"void";position:absolute;top:-.15em;right:-.05em;font-size:clamp(8rem,30vw,22rem);font-weight:800;letter-spacing:-.05em;color:var(--vbb-ink);opacity:.04;pointer-events:none;line-height:1;z-index:0}.vbb-c__cover-inner{position:relative;z-index:1;width:min(100%,var(--c-read));margin-inline:auto}.vbb-c__date{font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--vbb-dim);margin-bottom:2rem}.vbb-c__title{font-size:clamp(2.5rem,7vw,5rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--vbb-ink);margin-bottom:2rem}.vbb-c__subtitle{font-size:1.125rem;line-height:1.65;color:var(--vbb-muted);max-width:32rem;margin-bottom:3rem}.vbb-c__meta-row{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.vbb-c__meta-item{display:flex;flex-direction:column;gap:.25rem}.vbb-c__meta-label{font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vbb-dim)}.vbb-c__meta-value{font-size:.875rem;font-weight:500;color:var(--vbb-text)}.vbb-c__article{width:min(100% - 2rem,var(--c-read));margin-inline:auto;padding:4rem 0 6rem}.vbb-c__section{margin-bottom:4rem;padding-bottom:4rem;border-bottom:1px solid var(--vbb-border)}.vbb-c__section:last-child{border-bottom:none}.vbb-c__section-header{display:flex;align-items:center;gap:.875rem;margin-bottom:1.75rem}.vbb-c__section-num{font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--vbb-dim)}.vbb-c__section-rule{flex:1;height:1px;background:var(--vbb-border)}.vbb-c__section-name{font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--vbb-dim)}.vbb-c__h2{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700;letter-spacing:-.04em;line-height:1.2;color:var(--vbb-ink);margin-bottom:1.25rem}.vbb-c__p{font-size:1.0625rem;line-height:1.75;color:var(--vbb-text);margin-bottom:1.25rem}.vbb-c__p--muted{color:var(--vbb-muted)}.vbb-c__pull{margin:2.5rem 0;padding:1.5rem 0 1.5rem 1.75rem;border-left:2px solid var(--vbb-ink)}.vbb-c__pull-text{font-size:clamp(1.25rem,2.5vw,1.625rem);font-weight:600;letter-spacing:-.03em;line-height:1.35;color:var(--vbb-ink);font-style:italic}.vbb-c__note{display:flex;gap:.75rem;align-items:flex-start;padding:1rem 1.25rem;border-radius:var(--vbb-radius);background:var(--vbb-bg-subtle);border:1px solid var(--vbb-border);margin:1.5rem 0}.vbb-c__note-mark{font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vbb-accent);padding-top:.2rem;white-space:nowrap}.vbb-c__note-body{font-size:.875rem;line-height:1.65;color:var(--vbb-muted)}.vbb-c__color-inline{display:flex;flex-wrap:wrap;gap:.875rem;margin:1.5rem 0}.vbb-c__chip{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border-radius:var(--vbb-radius);border:1px solid var(--vbb-border);background:var(--vbb-bg-subtle)}.vbb-c__chip-dot{width:1rem;height:1rem;border-radius:999px;border:1px solid rgb(0 0 0 / .08);flex-shrink:0}.vbb-c__chip-name{font-size:.8125rem;font-weight:500;color:var(--vbb-text);letter-spacing:-.01em}.vbb-c__chip-hex{font-size:.6875rem;color:var(--vbb-dim);font-family:ui-monospace,Cascadia Code,monospace}.vbb-c__type-pair{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0}.vbb-c__type-example{padding:1.5rem;border:1px solid var(--vbb-border);border-radius:var(--vbb-radius);background:var(--vbb-bg-subtle)}.vbb-c__type-example-label{font-size:.625rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vbb-dim);margin-bottom:.75rem}.vbb-c__voice-example{margin:1.5rem 0;display:flex;flex-direction:column;gap:.5rem}.vbb-c__voice-line{display:flex;gap:.75rem;align-items:flex-start;font-size:.9375rem;line-height:1.55}.vbb-c__voice-icon{font-size:.75rem;font-weight:700;padding-top:.15rem;flex-shrink:0;width:1rem}.vbb-c__voice-icon--yes{color:#16a34a}.vbb-c__voice-icon--no{color:#dc2626}.vbb-c__voice-line--yes{color:var(--vbb-text)}.vbb-c__voice-line--no{color:var(--vbb-muted);text-decoration:line-through;text-decoration-color:#dc262666}.vbb-c__close{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--vbb-border)}.vbb-c__close-from{font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vbb-dim);margin-bottom:.5rem}.vbb-c__close-sig{font-size:1.5rem;font-weight:700;letter-spacing:-.04em;color:var(--vbb-ink)}.vbb-c__close-version{font-size:.75rem;color:var(--vbb-dim);margin-top:.5rem}