.brand-book-document{--ba-settle:.82s;--ba-stagger:.15s;--ba-trail-line:color-mix(in srgb, var(--bc-text) 20%, transparent);--ba-trail-step:.42s}.ba-squared{--ba-spread:1}.ba-squared-stage{border-radius:var(--bc-radius-showcase);background:var(--bc-surface);min-height:540px;box-shadow:var(--bc-shadow-card);place-items:center;padding:64px 24px;display:grid;position:relative;overflow:hidden}.ba-squared-stage:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--bc-accent) 12%, transparent) .7px, transparent .9px) 0 0 / 26px 26px;pointer-events:none;position:absolute;inset:0;mask-image:radial-gradient(70% 65% at 50% 45%,#000 30%,#0000)}.ba-ledger{width:min(560px,100%);position:relative}.ba-ledger-head,.ba-ledger-row,.ba-ledger-total{grid-template-columns:56px minmax(0,1.2fr) minmax(0,1fr) 92px;align-items:center;gap:16px;padding:0 16px;display:grid}.ba-ledger-head{border-bottom:1px solid var(--bb-border);height:36px;font-size:11px}.ba-col-amount{text-align:right;justify-self:end}.ba-ledger-rows{position:relative}.ba-ledger-row{border:1px solid #0000;border-bottom-color:var(--bb-border);background:var(--bc-surface);font-variant-numeric:tabular-nums;height:44px;transition:transform var(--ba-settle) var(--bc-ease), border-radius var(--ba-settle) var(--bc-ease), border-color var(--ba-settle) var(--bc-ease), box-shadow var(--ba-settle) var(--bc-ease);transition-delay:calc(var(--i) * var(--ba-stagger));border-radius:0;font-size:14px;position:relative}.ba-row-date{font-family:var(--bb-font-mono);color:var(--bb-muted);font-size:12px}.ba-row-supplier{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.ba-row-account{min-width:0;color:var(--bb-muted);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.ba-row-account svg{width:14px;height:14px;color:var(--bb-accent);transition:opacity var(--bc-duration-base) var(--bc-ease);transition-delay:calc(var(--i) * var(--ba-stagger) + .56s);flex-shrink:0}.ba-row-amount{font-weight:500}.ba-row-kind{background:var(--bc-surface);opacity:0;transition:opacity var(--bc-duration-base) var(--bc-ease);padding:0 6px;font-size:10px;line-height:16px;position:absolute;top:-9px;left:12px}.ba-ledger-head,.ba-ledger-total{transition:opacity var(--bc-duration-slow) var(--bc-ease);transition-delay:1.4s}.ba-ledger-total{height:52px;font-weight:500}.ba-ledger-total span:first-child{color:var(--bb-muted);grid-column:1/4;font-size:14px}.ba-total-figure{font-family:var(--bb-font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;justify-self:end;font-size:17px;font-weight:500;position:relative}.ba-total-figure:after{content:"";border-top:1px solid;border-bottom:1px solid;height:4px;position:absolute;bottom:-6px;left:0;right:0}.ba-squared[data-state=scattered] .ba-ledger-row{transform:translate(calc(var(--x) * var(--ba-spread)), calc(var(--y) * var(--ba-spread))) rotate(var(--r)) scale(.84);border-color:var(--bb-border);border-radius:var(--bc-radius-tile);box-shadow:var(--bc-shadow-card);transition-delay:0s}.ba-squared[data-state=scattered] .ba-row-kind{opacity:1}.ba-squared[data-state=scattered] .ba-row-account svg,.ba-squared[data-state=scattered] .ba-ledger-head,.ba-squared[data-state=scattered] .ba-ledger-total{opacity:0;transition-delay:0s}.ba-squared-mark{width:40px;height:auto;color:var(--bb-text);position:absolute;bottom:24px;right:28px}.ba-squared-caption{color:var(--bb-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:16px;font-size:14px;display:flex}.ba-replay{border-radius:var(--bc-radius-control);background:var(--bc-tonal);min-height:36px;color:var(--bb-accent);transition:background var(--bc-duration-colour) ease;border:0;align-items:center;gap:8px;padding:6px 14px;font-size:14px;font-weight:500;display:inline-flex}.ba-replay:hover{background:var(--bc-tonal-hover)}.ba-replay svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}@media (width<=640px){.ba-squared{--ba-spread:.35}.ba-squared-stage{min-height:460px;padding:48px 12px 88px}.ba-squared-mark{width:32px;bottom:20px;right:20px}.ba-ledger-head,.ba-ledger-row,.ba-ledger-total{grid-template-columns:48px minmax(0,1fr) 76px;gap:10px;padding:0 10px}.ba-col-account{display:none}.ba-ledger-total span:first-child{grid-column:1/3}}.ba-trail-stage{border-radius:var(--bc-radius-showcase);background:var(--bc-surface);min-height:300px;box-shadow:var(--bc-shadow-card);align-items:center;padding:56px 48px;display:grid;position:relative;overflow:hidden}.ba-trail-stage:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--bc-accent) 12%, transparent) .7px, transparent .9px) 0 0 / 26px 26px;pointer-events:none;position:absolute;inset:0;mask-image:radial-gradient(70% 65%,#000 30%,#0000)}.ba-trail{gap:28px;display:grid;position:relative}.ba-trail-step{flex-direction:column;gap:6px;padding-left:30px;display:flex;position:relative}.ba-trail-node{border:1.5px solid var(--bb-accent);border-radius:var(--bc-radius-pill);background:var(--bc-surface);width:10px;height:10px;transition:transform var(--ba-settle) var(--bc-ease), opacity var(--ba-settle) var(--bc-ease);transition-delay:calc(var(--i) * var(--ba-trail-step));position:absolute;top:5px;left:0}.ba-trail-final .ba-trail-node{border-color:var(--bb-coral);background:var(--bb-coral)}.ba-trail-step:not(:last-child):after{content:"";background:var(--ba-trail-line);transform-origin:top;width:1px;transition:transform var(--ba-trail-step) linear;transition-delay:calc(var(--i) * var(--ba-trail-step) + .18s);position:absolute;top:19px;bottom:-24px;left:4.5px}.ba-trail-label,.ba-trail-detail{transition:opacity var(--ba-settle) var(--bc-ease), transform var(--ba-settle) var(--bc-ease);transition-delay:calc(var(--i) * var(--ba-trail-step) + .1s)}.ba-trail-detail{align-items:center;gap:6px;font-size:15px;line-height:1.4;display:inline-flex}.ba-trail-detail svg{width:14px;height:14px;color:var(--bb-accent);flex-shrink:0}.ba-trail-figure[data-state=drawn] .ba-trail-final .ba-trail-node{animation:ba-spark 1.4s var(--bc-ease) both;animation-delay:calc(var(--i) * var(--ba-trail-step) + .32s)}@keyframes ba-spark{0%{box-shadow:0 0 #d98d7973}to{box-shadow:0 0 0 10px #d98d7900}}.ba-trail-figure[data-state=pending] .ba-trail-node{opacity:0;transition-delay:0s;transform:scale(.4)}.ba-trail-figure[data-state=pending] .ba-trail-step:after{transition-delay:0s;transform:scaleY(0)}.ba-trail-figure[data-state=pending] .ba-trail-label,.ba-trail-figure[data-state=pending] .ba-trail-detail{opacity:0;transition-delay:0s;transform:translateY(6px)}@media (width>=900px){.ba-trail{grid-template-columns:repeat(5,minmax(0,1fr));gap:0}.ba-trail-step{padding:28px 20px 0 0}.ba-trail-node{top:0}.ba-trail-step:not(:last-child):after{transform-origin:0;width:auto;height:1px;inset:4.5px 0 auto 14px}.ba-trail-figure[data-state=pending] .ba-trail-step:after{transform:scaleX(0)}}@media (width<=640px){.ba-trail-stage{padding:40px 24px}}@media (prefers-reduced-motion:reduce){.ba-ledger-row,.ba-row-account svg,.ba-row-kind,.ba-ledger-head,.ba-ledger-total,.ba-trail-node,.ba-trail-step:after,.ba-trail-label,.ba-trail-detail{transition:none}.ba-trail-figure .ba-trail-final .ba-trail-node{animation:none}}:root[data-theme=dark] .ba-squared-stage,:root[data-theme=dark] .ba-trail-stage{box-shadow:inset 0 0 0 1px var(--bc-line)}.bp-cover h1{max-width:12ch}.bp-cover-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:32px;display:flex}.bp-cover-actions .ledger-button svg,.bp-kit-action svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.bp-cover-kit-meta{color:var(--bb-muted)}.bp-support{margin-top:24px}.bp-subheading{margin-top:48px}.bp-naming{margin-top:40px}.bp-naming ul{border-top:1px solid var(--bb-border);display:grid}.bp-naming li{border-bottom:1px solid var(--bb-border);gap:4px;padding:14px 0;font-size:15px;display:grid}.bp-naming-wrong{color:var(--bb-muted);font-size:14px}@media (width>=900px){.bp-naming li{grid-template-columns:1.4fr 1fr;gap:24px}}.bp-personality .bb-definition{padding-bottom:28px}.bp-asset-grid{gap:16px;display:grid}.bp-asset-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=900px){.bp-asset-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-asset-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}}.bp-asset-art{border-radius:var(--bb-radius-card);background:var(--asset-bg);color:var(--asset-fg);place-items:center;display:grid;position:relative;overflow:hidden}.bp-asset-art-bordered{box-shadow:inset 0 0 0 1px var(--bb-border)}.bp-asset-art-square{aspect-ratio:1}.bp-asset-art-wide{aspect-ratio:1.9}.bp-asset-art-banner{aspect-ratio:2.6}.bp-lockup-art{width:min(62%,360px);height:auto}.bp-mark-art{width:34%;height:auto}.bp-avatar-art{width:100%;height:100%}.bp-product-lockup{--wordmark-height:clamp(22px, 3vw, 30px)}.bp-asset-actions{opacity:0;transition:opacity .18s ease, transform .22s var(--bb-ease);flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;bottom:10px;left:10px;right:10px;transform:translateY(6px)}.bp-asset-art:hover .bp-asset-actions,.bp-asset-art:focus-within .bp-asset-actions{opacity:1;transform:none}@media (hover:none){.bp-asset-actions{opacity:1;transform:none}}.bp-asset-actions a,.bp-asset-actions button{color:#14252d;cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:6px 12px;font:500 12.5px/1 DM Sans,sans-serif;text-decoration:none;transition:background-color .15s;display:inline-flex;box-shadow:0 0 0 1px #14252d1a,0 6px 16px -8px #14252d4d}.bp-asset-actions a:hover,.bp-asset-actions button:hover{background:#fff}.bp-asset-actions button[data-copied=true]{color:#255f69;background:#e6f2f0}.bp-asset-actions svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.bp-asset figcaption{gap:2px;margin-top:10px;font-size:14px;display:grid}.bp-asset figcaption strong{font-weight:600}.bp-asset figcaption span{color:var(--bb-muted);font-size:13px}.bp-logo-rules{gap:32px;margin-top:48px;display:grid}.bp-donts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (width>=900px){.bp-logo-rules{grid-template-columns:1fr 1.3fr;align-items:start}.bp-donts{grid-template-columns:repeat(4,minmax(0,1fr))}}.bp-colours{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.bp-colour{border:1px solid var(--bb-border);border-radius:var(--bb-radius-card);background:var(--bb-surface);transition:border-color .16s ease, box-shadow .22s var(--bb-ease), transform .22s var(--bb-ease);position:relative;overflow:hidden}.bp-colour:hover{border-color:var(--bb-border-strong);box-shadow:var(--bb-shadow);transform:translateY(-2px)}.bp-colour:has(.bp-colour-hit:focus-visible){outline:2px solid var(--bb-accent);outline-offset:3px}.bp-colour-hit{z-index:1;cursor:copy;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.brand-book .bp-colour-hit:focus-visible{outline:none}.bp-colour-chip{background:var(--swatch);height:110px;box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--bb-text) 10%, transparent);position:relative}.bp-colour-core .bp-colour-chip{height:170px}.bp-colour-hint,.bp-done{color:#14252d;white-space:nowrap;background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:6px 11px;font:500 12px/1 DM Sans,sans-serif;display:inline-flex;position:absolute;box-shadow:0 0 0 1px #14252d1a,0 6px 16px -8px #14252d4d}.bp-colour-hint{pointer-events:none;padding:7px 13px 7px 10px;top:50%;left:50%}.bp-colour-hint svg{fill:none;stroke:#2e7480;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.bp-colour-hint{opacity:0;transition:opacity .18s ease, transform .22s var(--bb-ease), background-color .15s ease;transform:translateY(6px)}.bp-colour:hover .bp-colour-hint,.bp-colour:focus-within .bp-colour-hint{opacity:1;transform:none}.bp-colour .bp-colour-hint{transform:translate(-50%,-40%)scale(.96)}.bp-colour:hover .bp-colour-hint,.bp-colour:focus-within .bp-colour-hint{transform:translate(-50%,-50%)}@media (hover:none){.bp-colour-hint{display:none}}.bp-done{z-index:3;opacity:0;pointer-events:none;transition:opacity .18s ease, transform .26s var(--bb-ease);padding:7px 13px 7px 8px;top:50%;left:50%;transform:translate(-50%,-40%)scale(.92)}.bp-done svg{fill:none;stroke:#2e7480;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.bp-done circle{stroke-width:1.5px;stroke-opacity:.35}.bp-done path{stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:1px}[data-done] .bp-done{opacity:1;transform:translate(-50%,-50%)scale(1)}[data-done] .bp-done path{animation:bp-tick-draw .42s var(--bb-ease) .12s forwards}.bp-colour[data-done] .bp-colour-hint{opacity:0}@keyframes bp-tick-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.bp-done path{stroke-dashoffset:0}}.bp-sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bp-colour-meta{gap:2px;padding:14px 16px 16px;display:grid}.bp-colour-meta strong{font-size:16px;font-weight:600}.bp-colour-meta .bb-mono{color:var(--bb-muted)}.bp-colour-rgb{display:none}.bp-colour-role{color:var(--bb-muted);margin-top:6px;font-size:13px}@media (width>=720px){.bp-colours{grid-template-columns:repeat(4,minmax(0,1fr))}.bp-colour-rgb{display:block}}@media (width>=1100px){.bp-colours{grid-template-columns:repeat(12,minmax(0,1fr))}.bp-colour{grid-column:span 4}.bp-colour-core{grid-column:span 3}}.bp-typefaces{gap:16px;display:grid}.bp-typeface{border:1px solid var(--bb-border);border-radius:var(--bb-radius-card);background:var(--bb-surface);flex-direction:column;padding:26px 24px 22px;display:flex}.bp-typeface header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.bp-typeface h3{font-size:18px;font-weight:600}.bp-typeface-sample{text-wrap:balance;margin-top:32px;font-size:clamp(28px,3.4vw,40px);line-height:1.12}.bp-typeface-glyphs{color:var(--bb-muted);margin-top:16px;font-size:17px}.bp-typeface footer{color:var(--bb-muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-top:auto;padding-top:24px;font-size:14px;display:flex}.bp-typeface footer a{color:var(--bb-accent);text-underline-offset:4px;font-weight:500;text-decoration:underline}@media (width>=900px){.bp-typefaces{grid-template-columns:1fr 1fr}.bp-typeface-compact{grid-column:1/-1;grid-template-columns:minmax(160px,1fr) auto minmax(0,1.4fr);align-items:center;gap:24px;display:grid}.bp-typeface-compact .bp-typeface-sample{white-space:nowrap;margin-top:0}.bp-typeface-compact footer{text-align:right;justify-items:end;gap:6px;margin-top:0;padding-top:0;display:grid}}.bp-typeface-compact{padding-block:22px}.bp-typeface-compact header{justify-content:start;gap:4px;display:grid}.bp-typeface-compact .bp-typeface-glyphs{display:none}.bp-kit{border:1px solid var(--bb-border);border-radius:var(--bb-radius-card);background:var(--bb-surface);transition:border-color .16s ease, box-shadow .22s var(--bb-ease);grid-template-columns:auto 1fr;align-items:center;gap:16px 20px;padding:22px 24px;text-decoration:none;display:grid}.bp-kit:hover{border-color:var(--bb-accent);box-shadow:var(--bb-shadow)}.bp-kit-icon{width:56px;height:56px;box-shadow:inset 0 0 0 1px var(--bb-border);color:#81cbc8;background:#14252d;border-radius:14px;place-items:center;display:grid}.bp-kit-icon svg{width:52%;height:auto}.bp-kit-copy{gap:4px;display:grid}.bp-kit-copy strong{font-family:var(--bb-font-display);letter-spacing:-.03em;font-size:20px;font-weight:600}.bp-kit-copy span{color:var(--bb-muted);font-size:15px}.bp-kit-action{background:var(--bc-action);min-height:42px;color:var(--bc-action-text);border-radius:4px;grid-column:1/-1;justify-self:start;align-items:center;gap:8px;padding:10px 18px;font-size:14px;display:inline-flex}@media (width>=720px){.bp-kit{grid-template-columns:auto 1fr auto}.bp-kit-action{grid-column:auto}}.bp-footer{flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}.bp-footer p+a{margin:0}.bp-footer a{color:var(--bb-accent);font-weight:500;text-decoration:none}.bp-footer a:hover{text-underline-offset:4px;text-decoration:underline}.bp-asset-art[data-done] .bp-asset-actions{opacity:0;pointer-events:none}.bp-asset-art>:not(.bp-done,.bp-asset-actions){transition:opacity .22s,filter .22s}.bp-asset-art[data-done]>:not(.bp-done,.bp-asset-actions){opacity:.18;filter:blur(1.5px)}.bp-artwork{gap:16px;display:grid}.bp-artwork .bp-asset-art{aspect-ratio:4/3}.bp-artwork .bp-asset:first-child .bp-asset-art{aspect-ratio:1672/941}@media (width>=900px){.bp-artwork{grid-template-columns:repeat(2,minmax(0,1fr))}.bp-artwork .bp-asset:first-child{grid-column:1/-1}}.bp-artwork-cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bp-artwork-contain{object-fit:contain;width:88%;height:88%}.bp-prompt{border:1px solid var(--bb-border);border-radius:var(--bb-radius-card);background:var(--bb-surface);gap:16px;min-width:0;margin-top:32px;padding:22px;display:grid}.bp-prompt header{gap:4px;display:grid}.bp-prompt header strong{font-family:var(--bb-font-display);letter-spacing:-.03em;font-size:18px;font-weight:600}.bp-prompt header span{color:var(--bb-muted);font-size:14px}.bp-prompt-subject{gap:8px;display:grid}.bp-prompt-subject input{border:1px solid var(--bb-border-strong);background:var(--bb-surface);width:100%;min-height:40px;color:var(--bb-text);font:400 15px/1.4 var(--bb-font-body);border-radius:4px;padding:8px 12px}.bp-prompt-subject input:focus-visible{outline:2px solid var(--bb-accent);outline-offset:2px;border-radius:4px}.bp-prompt-text{border-radius:var(--bb-radius-tile);background:var(--bb-stage);color:var(--bb-text);font:400 12.5px/1.6 var(--bb-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:14px 16px}.bp-prompt .bb-copy-button{justify-self:start}.bp-animations{gap:40px;display:grid}.bp-logo-motion-stage{border-radius:var(--bc-radius-showcase);background:var(--bc-surface);min-height:260px;box-shadow:var(--bc-shadow-card);color:var(--bb-text);cursor:pointer;place-items:center;display:grid}.bp-logo-motion-stage .site-logo{--site-logo-wordmark-width:clamp(180px, 34vw, 340px)}:root[data-theme=dark].brand-book-document{--bb-canvas:var(--bc-canvas);--bb-surface:var(--bc-surface);--bb-raised:var(--bc-raised);--bb-border:var(--bc-line);--bb-border-strong:var(--bc-line-strong);--bb-text:var(--bc-text);--bb-muted:var(--bc-text-muted);--bb-faint:var(--bc-text-faint);--bb-accent:var(--bc-accent);--bb-accent-hover:var(--bc-accent-hover);--bb-accent-tint:var(--bc-accent-tint);--bb-accent-contrast:var(--bc-accent-contrast);--bb-stage:var(--bc-subtle);--bb-shadow:var(--bc-shadow-card);color-scheme:dark}:root[data-theme=dark] .bp-asset-art{outline:1px solid var(--bc-line);outline-offset:-1px}:root[data-theme=dark] .bp-logo-motion-stage{box-shadow:inset 0 0 0 1px var(--bc-line)}