:root{--cream-50:#fcfbf9;--cream-100:#f3ece2;--cream-200:#e8dfd3;--cream-300:#c9b89f;--bb-header-h:64px;--bb-side-w:240px;--bb-radius:20px;--bb-shadow-sm:0 4px 14px #4b63590f;--bb-shadow-md:0 12px 32px #4b635914;--bb-shadow-lg:0 24px 60px #4b63591f;--bb-border:#4b63591f}body{background-color:var(--cream-50)}.bb-app{flex-direction:column;min-height:100vh;display:flex}.bb-shell{grid-template-columns:var(--bb-side-w) minmax(0, 1fr);flex:1;gap:48px;width:100%;max-width:1320px;margin:0 auto;padding:0 24px;display:grid}.bb-main{min-width:0;padding-top:48px;padding-bottom:96px}.bb-header{z-index:50;-webkit-backdrop-filter:blur(14px);background:#fcfbf9c7;border-bottom:1px solid #0000;transition:border-color .3s,box-shadow .3s;position:sticky;top:0}.bb-header.is-scrolled{border-color:var(--bb-border);box-shadow:var(--bb-shadow-sm)}.bb-header-inner{max-width:1320px;height:var(--bb-header-h);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:0 24px;display:flex}.bb-header-brand{color:var(--sage-900);align-items:center;gap:12px;display:flex}.bb-header-logo{justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.bb-header-logo svg{display:block}.bb-header-text{flex-direction:column;line-height:1.1;display:flex}.bb-header-name{font-family:var(--font-serif);font-size:1.05rem;font-weight:500}.bb-header-sub{letter-spacing:1.5px;text-transform:uppercase;color:var(--sage-500);margin-top:2px;font-size:.72rem}.bb-header-link{border-radius:var(--border-radius-pill);color:var(--sage-700);border:1px solid var(--bb-border);align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:inline-flex}.bb-header-link:hover{background:var(--sage-50);border-color:var(--sage-300);color:var(--sage-900)}.bb-sidenav{top:calc(var(--bb-header-h) + 24px);align-self:start;height:max-content;padding-top:48px;position:sticky}.bb-sidenav-inner{flex-direction:column;gap:6px;display:flex}.bb-sidenav-eyebrow{letter-spacing:2.5px;text-transform:uppercase;color:var(--sage-500);margin-bottom:8px;font-size:.7rem;font-weight:600}.bb-sidenav-list{flex-direction:column;gap:2px;display:flex}.bb-sidenav-link{color:var(--text-muted);border-radius:10px;align-items:center;gap:12px;padding:8px 12px 8px 20px;font-size:.92rem;transition:color .2s,background .2s;display:flex;position:relative}.bb-sidenav-link:hover{color:var(--sage-700);background:#4b63590d}.bb-sidenav-link.is-active{color:var(--sage-900);background:#4b635912;font-weight:500}.bb-sidenav-dot{background:var(--sage-600);border-radius:50%;width:6px;height:6px;position:absolute;top:calc(50% - 3px);left:6px}.bb-section{scroll-margin-top:calc(var(--bb-header-h) + 16px);border-bottom:1px solid #4b635914;padding:clamp(56px,8vw,96px) 0}.bb-section:last-of-type{border-bottom:none}.bb-section-head{max-width:720px;margin-bottom:clamp(32px,5vw,56px)}.bb-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--sage-500);margin-bottom:14px;font-size:.78rem;font-weight:600;display:inline-block}.bb-title{font-family:var(--font-serif);color:var(--sage-900);margin-bottom:16px;font-size:clamp(1.85rem,4.2vw,2.6rem);font-weight:500;line-height:1.15}.bb-section-lead{color:var(--text-muted);max-width:640px;font-size:1.05rem;line-height:1.65}.bb-subsection-title{font-family:var(--font-serif);color:var(--sage-900);margin-bottom:8px;font-size:1.35rem;font-weight:500}.bb-subsection-lead{color:var(--text-muted);max-width:640px;margin-bottom:24px}.bb-display{font-family:var(--font-serif);color:var(--sage-900);margin-bottom:24px;font-size:clamp(2.25rem,6vw,4rem);font-weight:500;line-height:1.05}.bb-display em{color:var(--sage-500);font-style:italic}.bb-lead{color:var(--text-main);max-width:540px;font-size:1.15rem;line-height:1.65}code{color:var(--sage-800);background:#4b635914;border-radius:6px;padding:2px 6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em}.bb-intro-grid{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:center;gap:56px;margin-bottom:72px;display:grid}.bb-intro-meta{border-top:1px solid var(--bb-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px;padding-top:28px;display:grid}.bb-meta-label{letter-spacing:2px;text-transform:uppercase;color:var(--sage-500);margin-bottom:6px;font-size:.72rem;font-weight:600;display:block}.bb-meta-value{color:var(--sage-900);font-size:.95rem;font-weight:500}.bb-intro-logo{background:linear-gradient(140deg,#fffffff2,#f3ece2b3);flex-direction:column;align-items:center;gap:16px;padding:48px;display:flex}.bb-intro-logo img{width:180px;height:180px}.bb-intro-logo-cap{letter-spacing:2px;text-transform:uppercase;color:var(--sage-500);font-size:.78rem}.bb-intro-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.bb-principle{background:var(--white);border-radius:var(--bb-radius);border:1px solid var(--bb-border);box-shadow:var(--bb-shadow-sm);padding:28px;position:relative}.bb-principle-num{font-family:var(--font-serif);color:var(--sage-500);letter-spacing:2px;margin-bottom:14px;font-size:.85rem;display:block}.bb-principle h3{font-family:var(--font-serif);color:var(--sage-900);margin-bottom:10px;font-size:1.4rem;font-weight:500}.bb-principle p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.bb-logo-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:64px;display:grid}.bb-logo-card{border-radius:var(--bb-radius);border:1px solid var(--bb-border);box-shadow:var(--bb-shadow-sm);flex-direction:column;display:flex;overflow:hidden}.bb-logo-stage{justify-content:center;align-items:center;min-height:200px;padding:48px 24px;display:flex}.bb-logo-stage img,.bb-logo-stage svg{width:120px;height:120px;display:block}.bb-logo-bg-cream .bb-logo-stage{background:var(--cream-50)}.bb-logo-bg-sage .bb-logo-stage{background:var(--sage-700)}.bb-logo-bg-dark .bb-logo-stage{background:var(--sage-900)}.bb-logo-card figcaption{background:var(--white);border-top:1px solid var(--bb-border);padding:18px 22px 22px}.bb-logo-card figcaption h3{font-family:var(--font-serif);color:var(--sage-900);margin-bottom:6px;font-size:1.05rem;font-weight:500}.bb-logo-card figcaption p{color:var(--text-muted);font-size:.88rem;line-height:1.5}.bb-logo-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-bottom:56px;display:grid}.bb-logo-rule{background:var(--white);border:1px solid var(--bb-border);border-radius:var(--bb-radius);box-shadow:var(--bb-shadow-sm);padding:32px}.bb-logo-rule h3{font-family:var(--font-serif);color:var(--sage-900);margin-bottom:20px;font-size:1.2rem;font-weight:500}.bb-logo-rule p{color:var(--text-muted);margin-top:20px;font-size:.92rem;line-height:1.6}.bb-clearspace{background:var(--cream-100);border-radius:14px;justify-content:center;padding:24px;display:flex}.bb-clearspace-frame{justify-content:center;align-items:center;padding:36px;display:flex;position:relative}.bb-clearspace-frame img{width:96px;height:96px}.bb-clearspace-corner{border:2px solid var(--sage-500);width:16px;height:16px;position:absolute}.bb-cs-tl{border-bottom:0;border-right:0;top:0;left:0}.bb-cs-tr{border-bottom:0;border-left:0;top:0;right:0}.bb-cs-bl{border-top:0;border-right:0;bottom:0;left:0}.bb-cs-br{border-top:0;border-left:0;bottom:0;right:0}.bb-minsize{background:var(--cream-100);border-radius:14px;flex-direction:column;gap:14px;padding:24px;display:flex}.bb-minsize-row{align-items:center;gap:18px;display:flex}.bb-minsize-row span{color:var(--text-muted);font-size:.9rem}.bb-do-donts{margin-bottom:48px}.bb-do-donts-title{font-family:var(--font-serif);color:var(--sage-900);margin-bottom:20px;font-size:1.35rem;font-weight:500}.bb-do-donts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.bb-do-item{background:var(--white);border:1px solid var(--bb-border);border-radius:14px;align-items:flex-start;gap:14px;padding:18px;display:flex}.bb-do-badge{width:26px;height:26px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:inline-flex}.bb-do-do .bb-do-badge{background:var(--sage-600)}.bb-do-dont .bb-do-badge{background:var(--sage-500)}.bb-do-text{color:var(--text-main);font-size:.92rem;line-height:1.55}.bb-logo-downloads{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.bb-copy{color:var(--sage-800);cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #4b63592e;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem;font-weight:500;transition:all .18s;display:inline-flex;position:relative}.bb-copy:hover{background:var(--white);border-color:var(--sage-400);color:var(--sage-900);transform:translateY(-1px)}.bb-copy.is-copied{background:var(--sage-600);border-color:var(--sage-600);color:var(--white)}.bb-copy-icon{width:14px;height:14px;display:inline-flex;position:relative}.bb-copy-icon svg{position:absolute;inset:0}.bb-copy-toast{background:var(--sage-900);color:var(--white);font-family:var(--font-sans);white-space:nowrap;pointer-events:none;letter-spacing:.3px;border-radius:6px;padding:4px 10px;font-size:.72rem;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.bb-copy-toast:after{content:"";border:4px solid #0000;border-top-color:var(--sage-900);position:absolute;top:100%;left:50%;transform:translate(-50%)}.bb-text-dark .bb-copy{color:#fffffff2;background:#ffffff26;border-color:#ffffff40}.bb-text-dark .bb-copy:hover{color:var(--white);background:#ffffff40;border-color:#ffffff73}.bb-text-dark .bb-copy.is-copied{background:var(--white);color:var(--sage-800);border-color:var(--white)}.bb-download{background:var(--white);border:1px solid var(--bb-border);cursor:pointer;color:var(--sage-900);text-align:left;width:100%;box-shadow:var(--bb-shadow-sm);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;font-family:inherit;text-decoration:none;transition:all .2s;display:inline-flex}.bb-download:hover{border-color:var(--sage-400);box-shadow:var(--bb-shadow-md);transform:translateY(-2px)}.bb-download-body{flex-direction:column;gap:4px;min-width:0;display:flex}.bb-download-label{color:var(--sage-900);font-size:.95rem;font-weight:500}.bb-download-hint{color:var(--text-muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem}.bb-download-icon{background:var(--sage-50);width:36px;height:36px;color:var(--sage-700);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.bb-download:hover .bb-download-icon{background:var(--sage-600);color:var(--white)}.bb-textlink{color:var(--sage-700);border-bottom:1px dashed #4b635966;padding-bottom:1px;font-size:.9rem;transition:color .2s,border-color .2s}.bb-textlink:hover{color:var(--sage-500);border-color:var(--sage-500)}.bb-palette-usage{background:var(--white);border:1px solid var(--bb-border);border-radius:var(--bb-radius);box-shadow:var(--bb-shadow-sm);margin-bottom:64px;padding:32px}.bb-usage-bar{width:100%;height:80px;box-shadow:var(--bb-shadow-sm);border-radius:12px;margin:16px 0 20px;display:flex;overflow:hidden}.bb-usage-seg{align-items:flex-end;min-width:0;padding:8px 10px;transition:flex .4s;display:flex;position:relative}.bb-usage-label{color:#fffffff2;text-shadow:0 1px 2px #0003;flex-direction:column;font-size:.7rem;line-height:1.2;display:flex}.bb-usage-seg:first-child .bb-usage-label,.bb-usage-seg:nth-child(3) .bb-usage-label,.bb-usage-seg:nth-child(4) .bb-usage-label{color:#fffffff2}.bb-usage-seg:nth-child(2) .bb-usage-label,.bb-usage-seg:nth-child(5) .bb-usage-label{color:var(--sage-900);text-shadow:none}.bb-usage-legend{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:8px;display:grid}.bb-usage-legend li{color:var(--text-muted);align-items:center;gap:10px;font-size:.88rem;line-height:1.45;display:flex}.bb-usage-legend li strong{color:var(--sage-900);margin-right:2px;font-weight:500}.bb-usage-dot{border:1px solid #4b635933;border-radius:50%;flex-shrink:0;width:12px;height:12px}.bb-palette-group{margin-bottom:56px}.bb-palette-group-head{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;gap:32px;margin-bottom:24px;display:grid}.bb-palette-group-head h3{font-family:var(--font-serif);color:var(--sage-900);font-size:1.6rem;font-weight:500}.bb-palette-subtitle{letter-spacing:2.5px;text-transform:uppercase;color:var(--sage-500);margin-bottom:8px;font-size:.72rem;font-weight:600;display:block}.bb-palette-group-head p{color:var(--text-muted);font-size:.98rem;line-height:1.65}.bb-swatches{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.bb-swatch{min-height:160px;box-shadow:var(--bb-shadow-sm);border:1px solid #0000000a;border-radius:16px;flex-direction:column;justify-content:space-between;gap:16px;padding:22px 20px 20px;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.bb-swatch:hover{box-shadow:var(--bb-shadow-md);transform:translateY(-3px)}.bb-swatch-top{flex-direction:column;gap:4px;display:flex}.bb-swatch-name{font-family:var(--font-serif);font-size:1.1rem;font-weight:500}.bb-swatch-role{opacity:.85;font-size:.78rem;line-height:1.4}.bb-text-light{color:var(--sage-900)}.bb-text-dark{color:var(--cream-50)}.bb-swatch-codes{flex-wrap:wrap;gap:6px;display:flex}.bb-color-pairs{margin-top:32px}.bb-pairs-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.bb-pair{border:1px solid var(--bb-border);border-radius:14px;flex-direction:column;align-items:flex-start;gap:12px;padding:28px 18px;display:flex}.bb-pair-sample{font-family:var(--font-serif);font-size:2.6rem;font-weight:500;line-height:1}.bb-pair-label{letter-spacing:.5px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem}.bb-fonts-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;margin-bottom:56px;display:grid}.bb-font-card{border-radius:var(--bb-radius);padding:32px;background:var(--white)!important}.bb-font-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.bb-font-role{letter-spacing:2.5px;text-transform:uppercase;color:var(--sage-500);margin-bottom:6px;font-size:.72rem;font-weight:600;display:block}.bb-font-name{color:var(--sage-900);font-size:2.6rem;font-weight:500;line-height:1}.bb-font-sample{color:var(--sage-800);border-top:1px solid var(--bb-border);border-bottom:1px solid var(--bb-border);margin-bottom:20px;padding:24px 0;font-size:1.45rem;line-height:1.4}.bb-font-weights{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.bb-font-weight{border-bottom:1px solid #4b63590f;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 0;display:flex}.bb-font-weight:last-child{border-bottom:none}.bb-font-weight-meta{font-family:var(--font-sans);color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;flex-shrink:0;font-size:.78rem;font-style:normal;font-weight:400}.bb-font-weight-sample{color:var(--sage-900);font-size:1.2rem}.bb-font-foot{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;font-size:.82rem;display:flex}.bb-typescale{margin-top:32px}.bb-scale-list{flex-direction:column;gap:12px;display:flex}.bb-scale-row{background:var(--white);border:1px solid var(--bb-border);border-radius:14px;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:24px;padding:22px 24px;transition:border-color .2s,transform .2s;display:grid}.bb-scale-row:hover{border-color:var(--sage-300);transform:translate(2px)}.bb-scale-meta{flex-direction:column;gap:4px;display:flex}.bb-scale-label{font-family:var(--font-serif);color:var(--sage-900);font-size:1rem;font-weight:500}.bb-scale-role{color:var(--text-muted);font-size:.78rem}.bb-scale-spec{color:var(--sage-500);letter-spacing:.3px;background:0 0;padding:4px 0 0;font-size:.72rem}.bb-scale-sample{color:var(--sage-900);text-overflow:ellipsis;overflow:hidden}.bb-taglines{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:56px;display:grid}.bb-tagline{padding:28px;background:linear-gradient(160deg, var(--white), var(--cream-100))!important}.bb-tagline blockquote{font-family:var(--font-serif);color:var(--sage-800);margin-bottom:16px;font-size:1.15rem;font-style:italic;line-height:1.5}.bb-voice-principles{flex-direction:column;gap:20px;margin-bottom:56px;display:flex}.bb-voice-card{background:var(--white);border:1px solid var(--bb-border);border-radius:var(--bb-radius);box-shadow:var(--bb-shadow-sm);padding:32px}.bb-voice-card header{align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.bb-voice-num{font-family:var(--font-serif);color:var(--sage-500);letter-spacing:2px;font-size:.85rem}.bb-voice-card h3{font-family:var(--font-serif);color:var(--sage-900);font-size:1.4rem;font-weight:500}.bb-voice-desc{color:var(--text-muted);margin-bottom:20px;line-height:1.6}.bb-voice-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.bb-voice-yes,.bb-voice-no{border-left:3px solid;border-radius:12px;padding:18px}.bb-voice-yes{border-color:var(--sage-600);background:#4b63590f}.bb-voice-no{border-color:var(--sage-500);background:#c2766a14}.bb-voice-tag{letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:600;display:inline-block}.bb-voice-yes .bb-voice-tag{color:var(--sage-700)}.bb-voice-no .bb-voice-tag{color:var(--sage-600)}.bb-voice-yes p,.bb-voice-no p{color:var(--text-main);font-size:.95rem;line-height:1.55}.bb-vocab{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.bb-vocab-col{background:var(--white);border:1px solid var(--bb-border);border-radius:var(--bb-radius);padding:28px}.bb-vocab-title{font-family:var(--font-serif);margin-bottom:18px;font-size:1.25rem;font-weight:500}.bb-vocab-use{color:var(--sage-700)}.bb-vocab-avoid{color:var(--sage-600)}.bb-vocab-col ul{flex-wrap:wrap;gap:8px;display:flex}.bb-vocab-col li{background:var(--cream-50);border:1px solid var(--bb-border);border-radius:var(--border-radius-pill);color:var(--text-main);padding:6px 12px;font-size:.88rem}.bb-vocab-avoid+.bb-vocab-col li{color:var(--text-muted);-webkit-text-decoration:line-through #a55b5066;text-decoration:line-through #a55b5066}.bb-vocab-col:has(.bb-vocab-avoid) li{color:var(--text-muted);-webkit-text-decoration:line-through #a55b5066;text-decoration:line-through #a55b5066}.bb-components-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px;display:grid}.bb-comp-card{background:var(--white);border:1px solid var(--bb-border);border-radius:var(--bb-radius);flex-direction:column;display:flex;overflow:hidden}.bb-comp-head{border-bottom:1px solid var(--bb-border);justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.bb-comp-head h3{font-family:var(--font-serif);color:var(--sage-900);font-size:1.15rem;font-weight:500}.bb-comp-stage{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:180px;padding:32px 24px;display:flex}.bb-comp-stage-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.bb-comp-stage-bg{background-color:var(--sage-50);background-image:radial-gradient(#c6d3cd73 1px,#0000 1px);background-size:24px 24px}.bb-glass-demo{text-align:center;max-width:280px;padding:24px}.bb-glass-demo h4{font-family:var(--font-serif);color:var(--sage-900);margin-bottom:8px;font-size:1.15rem}.bb-glass-demo p{color:var(--text-muted);margin-bottom:14px;font-size:.92rem}.bb-glass-demo-price{font-family:var(--font-serif);color:var(--sage-700);font-size:1.6rem;font-weight:500}.bb-radii{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.bb-radius-tile{flex-direction:column;align-items:center;gap:8px;display:flex}.bb-radius-shape{background:var(--sage-200);border:1px solid var(--sage-300);width:56px;height:56px}.bb-radius-tile span{color:var(--text-muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem}.bb-comp-note{color:var(--text-muted);background:var(--cream-50);border-top:1px solid var(--bb-border);padding:16px 24px 22px;font-size:.88rem;line-height:1.55}.bb-imagery-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-bottom:56px;display:grid}.bb-imagery-photo,.bb-imagery-decor{border-radius:var(--bb-radius);border:1px solid var(--bb-border);background:var(--white);position:relative;overflow:hidden}.bb-imagery-photo img,.bb-imagery-decor img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.bb-imagery-cap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--border-radius-pill);color:var(--sage-800);letter-spacing:.5px;border:1px solid var(--bb-border);background:#fcfbf9eb;padding:6px 12px;font-size:.78rem;position:absolute;bottom:14px;left:14px}.bb-imagery-principles{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:48px;display:grid}.bb-imagery-principle{background:var(--white);border:1px solid var(--bb-border);border-radius:var(--bb-radius);padding:22px}.bb-imagery-num{font-family:var(--font-serif);color:var(--sage-500);letter-spacing:2px;margin-bottom:10px;font-size:.85rem;display:block}.bb-imagery-principle h3{font-family:var(--font-serif);color:var(--sage-900);margin-bottom:8px;font-size:1.15rem;font-weight:500}.bb-imagery-principle p{color:var(--text-muted);font-size:.92rem;line-height:1.55}.bb-botanical{margin:48px 0 56px}.bb-botanical-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:24px 0 18px;display:grid}.bb-botanical-card{background:var(--white);border:1px solid var(--bb-border);border-radius:var(--bb-radius);box-shadow:var(--bb-shadow-sm);flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.bb-botanical-card:hover{box-shadow:var(--bb-shadow-md);transform:translateY(-3px)}.bb-botanical-stage{aspect-ratio:1;background:linear-gradient(160deg, var(--cream-50), var(--sage-50));border-bottom:1px solid var(--bb-border);justify-content:center;align-items:center;padding:28px;display:flex}.bb-botanical-stage svg{width:60%;height:60%;display:block}.bb-botanical-body{flex-direction:column;gap:10px;padding:18px 20px 20px;display:flex}.bb-botanical-body h4{font-family:var(--font-serif);color:var(--sage-900);font-size:1.15rem;font-weight:500}.bb-botanical-body p{color:var(--text-muted);font-size:.88rem;line-height:1.55}.bb-botanical-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.bb-textlink-btn{font:inherit;cursor:pointer;color:var(--sage-700);background:0 0;border:none;border-bottom:1px dashed #4b635966;padding:0 0 1px;font-size:.85rem;transition:color .18s,border-color .18s}.bb-textlink-btn:hover{color:var(--sage-500);border-color:var(--sage-500)}.bb-botanical-tip{color:var(--text-muted);background:var(--cream-50);border-left:3px solid var(--sage-300);border-radius:0 10px 10px 0;padding:14px 18px;font-size:.88rem;line-height:1.6}.bb-pattern-demo{border-radius:var(--bb-radius);border:1px solid var(--bb-border);background-color:var(--cream-50);height:120px;margin:16px 0}.bb-pattern-code{background:var(--sage-50);color:var(--sage-800);white-space:pre;border-radius:10px;padding:14px 18px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.82rem;display:block;overflow-x:auto}.bb-downloads-group{margin-bottom:48px}.bb-downloads-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.bb-footer{background:var(--sage-800);color:var(--cream-100);margin-top:64px;padding:56px 0 32px}.bb-footer-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;max-width:1320px;margin:0 auto;padding:0 24px;display:grid}.bb-footer-block{flex-direction:column;gap:8px;display:flex}.bb-footer-eyebrow{letter-spacing:2.5px;text-transform:uppercase;color:var(--sage-300);margin-bottom:10px;font-size:.7rem;font-weight:600}.bb-footer-block a{color:var(--cream-200);border-bottom:1px dashed #ffffff2e;align-self:flex-start;font-size:.92rem;transition:color .2s,border-color .2s}.bb-footer-block a:hover{color:var(--sage-300);border-color:var(--sage-300)}.bb-footer-block p{color:#f3ece2bf;font-size:.92rem;line-height:1.55}.bb-footer-mini{margin-top:8px;color:#f3ece28c!important;font-size:.78rem!important}.bb-content-principles{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:56px;display:grid}.bb-content-principle{background:var(--white);border:1px solid var(--bb-border);border-radius:var(--bb-radius);box-shadow:var(--bb-shadow-sm);padding:28px}.bb-content-num{font-family:var(--font-serif);color:var(--sage-500);letter-spacing:2px;margin-bottom:14px;font-size:.85rem;display:block}.bb-content-principle h3{font-family:var(--font-serif);color:var(--sage-900);margin-bottom:10px;font-size:1.3rem;font-weight:500}.bb-content-principle p{color:var(--text-muted);margin-bottom:12px;font-size:.95rem;line-height:1.6}.bb-content-examples{flex-direction:column;gap:6px;margin-top:12px;display:flex}.bb-content-examples li{color:var(--sage-700);padding-left:14px;font-size:.86rem;position:relative}.bb-content-examples li:before{content:"";background:var(--sage-500);width:6px;height:1px;position:absolute;top:.6em;left:0}.bb-content-block{margin-bottom:64px}.bb-format-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.bb-format-card{background:var(--white);border:1px solid var(--bb-border);border-radius:var(--bb-radius);flex-direction:column;gap:12px;padding:24px;display:flex}.bb-format-card header{border-bottom:1px solid var(--bb-border);justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:10px;display:flex}.bb-format-card h4{font-family:var(--font-serif);color:var(--sage-900);font-size:1.2rem;font-weight:500}.bb-format-meta{color:var(--text-muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem}.bb-format-use{color:var(--text-muted);flex-grow:1;font-size:.92rem;line-height:1.55}.bb-format-cadence{background:var(--cream-100);border-radius:var(--border-radius-pill);color:var(--sage-700);align-self:flex-start;padding:4px 12px;font-size:.82rem;font-weight:500;display:inline-block}.bb-theme-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.bb-theme-card{background:linear-gradient(160deg, var(--white), var(--cream-50));border:1px solid var(--bb-border);border-radius:14px;padding:22px}.bb-theme-card h4{font-family:var(--font-serif);color:var(--sage-900);margin-bottom:12px;font-size:1.1rem;font-weight:500}.bb-theme-card ul{flex-direction:column;gap:6px;display:flex}.bb-theme-card li{color:var(--text-muted);padding-left:14px;font-size:.88rem;line-height:1.5;position:relative}.bb-theme-card li:before{content:"·";color:var(--sage-500);font-weight:700;position:absolute;left:4px}.bb-templates{flex-direction:column;gap:24px;display:flex}.bb-template-shell{background:var(--white);border:1px solid var(--bb-border);border-radius:var(--bb-radius);box-shadow:var(--bb-shadow-sm);overflow:hidden}.bb-template-head{border-bottom:1px solid var(--bb-border);background:linear-gradient(180deg, var(--cream-50), var(--white));justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 28px;display:flex}.bb-template-head h3{font-family:var(--font-serif);color:var(--sage-900);margin-bottom:6px;font-size:1.25rem;font-weight:500}.bb-template-head p{color:var(--text-muted);max-width:60ch;font-size:.9rem;line-height:1.5}.bb-template-size{background:var(--cream-100);color:var(--sage-700);border-radius:var(--border-radius-pill);flex-shrink:0;padding:4px 12px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78rem}.bb-template-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:0;display:grid}.bb-template-preview{background:var(--cream-100);background-image:linear-gradient(135deg, #4b63590a 25%, transparent 25%), linear-gradient(225deg, #4b63590a 25%, transparent 25%), linear-gradient(45deg, #4b63590a 25%, transparent 25%), linear-gradient(315deg, #4b63590a 25%, var(--cream-100) 25%);border-right:1px solid var(--bb-border);background-position:16px 0,16px 0,0 0,0 0;background-size:32px 32px;justify-content:center;align-items:center;min-width:0;min-height:380px;padding:32px;display:flex;overflow:hidden}.bb-template-canvas{justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;display:flex}.bb-template-canvas svg{border-radius:12px;width:auto;max-width:100%;height:auto;max-height:540px;display:block;box-shadow:0 20px 50px #4b635926,0 0 0 1px #4b635914}.bb-template-preview.is-tall .bb-template-canvas svg{aspect-ratio:9/16}.bb-template-preview.is-square .bb-template-canvas svg{aspect-ratio:1;max-height:360px}.bb-template-controls{flex-direction:column;gap:18px;padding:28px;display:flex}.bb-template-fields{flex-direction:column;gap:14px;display:flex}.bb-field{flex-direction:column;gap:6px;display:flex}.bb-field-label{color:var(--sage-800);letter-spacing:.3px;font-size:.78rem;font-weight:500}.bb-field-hint{color:var(--text-muted);font-weight:400}.bb-field-input{width:100%;font-family:var(--font-sans);color:var(--text-main);background:var(--cream-50);border:1px solid var(--bb-border);border-radius:10px;outline:none;padding:10px 14px;font-size:.92rem;transition:border-color .18s,background .18s}.bb-field-input:focus{border-color:var(--sage-500);background:var(--white)}.bb-field-textarea{resize:vertical;min-height:70px;line-height:1.5}.bb-field-row{grid-template-columns:60px 80px 1fr;gap:8px;display:grid}.bb-field-mini{text-align:center;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem}.bb-sched{flex-direction:column;gap:8px;display:flex}.bb-sched-list{flex-direction:column;gap:10px;display:flex}.bb-sched-day{background:var(--cream-50);border:1px solid var(--bb-border);border-radius:14px;flex-direction:column;gap:12px;padding:12px;transition:border-color .18s,box-shadow .18s;display:flex}.bb-sched-day:focus-within{border-color:var(--sage-400);box-shadow:0 0 0 3px #607c721a}.bb-sched-day-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bb-sched-badge{width:46px;height:40px;font-family:var(--font-serif);color:var(--sage-700);background:var(--sage-50);border:1px solid var(--bb-border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;font-weight:600;display:inline-flex}.bb-sched-date{min-width:130px;height:40px;font-family:var(--font-sans);color:var(--text-main);background:var(--white);border:1px solid var(--bb-border);border-radius:10px;outline:none;flex:140px;padding:0 12px;font-size:16px;transition:border-color .18s}.bb-sched-date:focus{border-color:var(--sage-500)}.bb-sched-off{height:40px;font-family:var(--font-sans);color:var(--sage-600);background:var(--white);border:1px solid var(--bb-border);border-radius:var(--border-radius-pill);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:0 16px;font-size:.82rem;font-weight:500;transition:background .18s,border-color .18s,color .18s}.bb-sched-off:hover{border-color:var(--sage-400)}.bb-sched-off.is-on{background:var(--sage-600);border-color:var(--sage-600);color:var(--white)}.bb-sched-remove{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;transition:color .18s,background .18s;display:inline-flex}.bb-sched-remove:hover:not(:disabled){color:#b4453a;background:#b4453a14}.bb-sched-remove:disabled{opacity:.3;cursor:not-allowed}.bb-sched-times{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bb-sched-time{background:var(--white);border:1px solid var(--bb-border);border-radius:var(--border-radius-pill);align-items:center;transition:border-color .18s;display:inline-flex}.bb-sched-time:focus-within{border-color:var(--sage-500)}.bb-sched-time-input{width:104px;height:36px;font-family:var(--font-sans);color:var(--text-main);background:0 0;border:none;outline:none;padding:0 2px 0 14px;font-size:16px}.bb-sched-time-x{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:3px;font-size:1.15rem;line-height:1;transition:color .16s,background .16s;display:inline-flex}.bb-sched-time-x:hover{color:#b4453a;background:#b4453a1a}.bb-sched-addtime{height:36px;font-family:var(--font-sans);color:var(--sage-600);border:1px dashed var(--sage-300);border-radius:var(--border-radius-pill);cursor:pointer;background:0 0;padding:0 16px;font-size:.82rem;font-weight:500;transition:background .18s,border-color .18s}.bb-sched-addtime:hover{border-color:var(--sage-500);background:var(--sage-50)}.bb-sched-offnote{color:var(--text-muted);margin:0;font-size:.85rem;font-style:italic}.bb-sched-addday{width:100%;min-height:44px;font-family:var(--font-sans);color:var(--sage-700);background:var(--cream-50);border:1px dashed var(--sage-300);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;margin-top:2px;font-size:.88rem;font-weight:500;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.bb-sched-addday:hover:not(:disabled){border-color:var(--sage-500);background:var(--sage-50);color:var(--sage-900)}.bb-sched-addday:disabled{opacity:.4;cursor:not-allowed}.bb-sched-reset{font-family:var(--font-sans);color:var(--sage-600);background:var(--sage-50);border:1px solid var(--bb-border);border-radius:var(--border-radius-pill);cursor:pointer;margin-left:8px;padding:2px 9px;font-size:.72rem;font-weight:500;transition:border-color .16s,color .16s}.bb-sched-reset:hover{border-color:var(--sage-400);color:var(--sage-900)}.bb-sched-date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5}.bb-sched-time-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5}.bb-sched-date::-webkit-calendar-picker-indicator:hover{opacity:.85}.bb-sched-time-input::-webkit-calendar-picker-indicator:hover{opacity:.85}.bb-preset-grid{flex-wrap:wrap;gap:6px;display:flex}.bb-preset{color:var(--sage-700);background:var(--cream-50);border:1px solid var(--bb-border);border-radius:var(--border-radius-pill);cursor:pointer;padding:6px 12px;font-family:inherit;font-size:.82rem;transition:all .18s}.bb-preset:hover{border-color:var(--sage-400);background:var(--white)}.bb-preset.is-active{background:var(--sage-600);border-color:var(--sage-600);color:var(--white)}.bb-template-export{align-self:stretch;margin-top:4px}.bb-template-tip{color:var(--text-muted);border-top:1px dashed var(--bb-border);padding-top:4px;font-size:.82rem;line-height:1.5}.bb-checklist{flex-direction:column;gap:10px;display:flex}.bb-checklist li{background:var(--white);border:1px solid var(--bb-border);color:var(--text-main);border-radius:12px;align-items:flex-start;gap:14px;padding:16px 20px;font-size:.95rem;line-height:1.5;display:flex}.bb-checklist-mark{background:var(--sage-100);width:26px;height:26px;color:var(--sage-700);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:inline-flex}@media (width<=1024px){.bb-shell{grid-template-columns:minmax(0,1fr);gap:0;padding:0 20px}.bb-sidenav{top:var(--bb-header-h);z-index:30;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--bb-border);background:#fcfbf9f0;margin:0 -20px;padding:12px 20px;position:sticky}.bb-sidenav-inner{scrollbar-width:none;flex-direction:row;align-items:center;gap:8px;overflow-x:auto}.bb-sidenav-inner::-webkit-scrollbar{display:none}.bb-sidenav-eyebrow{display:none}.bb-sidenav-list{flex-direction:row;gap:4px}.bb-sidenav-link{white-space:nowrap;padding:8px 14px}.bb-sidenav-dot{left:6px}.bb-intro-grid{grid-template-columns:1fr;gap:32px}.bb-intro-logo{order:-1;padding:32px}.bb-intro-logo img{width:140px;height:140px}.bb-intro-principles,.bb-logo-rules{grid-template-columns:1fr}.bb-palette-group-head{grid-template-columns:1fr;gap:12px}.bb-scale-row{grid-template-columns:1fr;gap:14px;padding:18px}.bb-voice-examples,.bb-vocab,.bb-imagery-hero{grid-template-columns:1fr}.bb-radii{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-footer-inner{grid-template-columns:1fr;gap:32px}.bb-template-body{grid-template-columns:minmax(0,1fr)}.bb-template-preview{border-right:none;border-bottom:1px solid var(--bb-border);min-height:320px}}@media (width<=640px){:root{--bb-header-h:56px}.bb-header-sub,.bb-header-link span:not(:last-child){display:none}.bb-section{padding:48px 0}.bb-section-head{margin-bottom:32px}.bb-intro-meta{grid-template-columns:1fr;gap:14px}.bb-logo-grid{grid-template-columns:1fr 1fr;gap:12px}.bb-logo-stage{min-height:140px;padding:32px 12px}.bb-logo-stage img{width:80px;height:80px}.bb-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bb-swatch{min-height:140px;padding:16px 14px}.bb-swatch-name{font-size:.95rem}.bb-swatch-role{font-size:.72rem}.bb-copy{padding:4px 8px;font-size:.7rem}.bb-pairs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-pair-sample{font-size:2rem}.bb-font-card{padding:24px}.bb-font-name{font-size:2rem}.bb-font-sample{font-size:1.15rem}.bb-usage-bar{height:60px}.bb-usage-label strong{font-size:.65rem}.bb-radii{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-template-head{flex-direction:column;gap:10px;padding:18px 22px}.bb-template-preview{padding:20px}.bb-template-canvas svg{max-height:420px}.bb-template-controls{padding:22px}.bb-field-row{grid-template-columns:50px 70px 1fr}.bb-sched-day{padding:14px 12px}.bb-sched-date{min-width:0}.bb-sched-time-input{width:100px}}@media (width<=420px){.bb-logo-grid{grid-template-columns:1fr}.bb-pairs-grid{grid-template-columns:1fr 1fr}}