.brandbook-page{background:var(--paper);color:var(--ink)}.bb-mark{object-fit:contain;width:34px;height:34px}.bb-nav{background:var(--ink);width:100%;height:92px;color:var(--paper);border-bottom:1px solid #f1f2eb24;grid-template-columns:1fr 1fr 1fr;align-items:center;margin:0;padding:0 max(32px,50vw - 720px);display:grid}.bb-brand .bb-mark{width:32px;height:32px}.bb-nav .bb-mark{filter:brightness(0)invert()}.bb-nav-meta{color:#f1f2eb80;letter-spacing:.1em;text-transform:uppercase;justify-self:center;gap:30px;font:10px/1 Courier New,monospace;display:flex}.bb-back{letter-spacing:.08em;text-transform:uppercase;justify-self:end;font:700 11px/1 Courier New,monospace}.bb-back span{margin-left:10px}.bb-hero{background:var(--ink);min-height:calc(100vh - 92px);color:var(--paper);grid-template-rows:1fr auto;grid-template-columns:1.25fr .75fr;padding:90px max(32px,50vw - 720px) 34px;display:grid;position:relative;overflow:hidden}.bb-kicker,.bb-mini-label{letter-spacing:.13em;text-transform:uppercase;margin:0;font:700 10px/1.2 Courier New,monospace}.bb-hero h1{letter-spacing:-.075em;margin:70px 0 44px;font-size:clamp(76px,9.4vw,150px);line-height:.86}.bb-hero h1 span{-webkit-text-stroke-color:var(--lime)}.bb-lede{color:#f1f2ebab;letter-spacing:-.02em;max-width:520px;margin:0;font-size:21px;line-height:1.5}.bb-hero-mark{place-items:center;min-height:520px;display:grid;position:relative}.bb-hero-mark .bb-mark{z-index:2;filter:drop-shadow(0 0 45px #c9ff4a29);width:min(34vw,480px);height:min(34vw,480px);position:relative}.bb-orbit{aspect-ratio:1;border:1px solid #c9ff4a2e;border-radius:50%;width:min(38vw,560px);position:absolute}.bb-axis{background:#f1f2eb1a;position:absolute}.bb-axis-x{width:110%;height:1px}.bb-axis-y{width:1px;height:110%}.bb-hero-foot{color:#f1f2eb80;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #f1f2eb29;grid-column:1/-1;justify-content:space-between;padding-top:30px;font:10px/1 Courier New,monospace;display:flex}.bb-section{padding:130px max(32px,50vw - 720px)}.bb-section-index{border-bottom:1px solid var(--line);letter-spacing:.13em;text-transform:uppercase;padding-bottom:18px;font:10px/1 Courier New,monospace}.bb-section-index.light{border-color:#f1f2eb29}.bb-section-intro{grid-template-columns:1.35fr .65fr;align-items:end;gap:70px;padding:70px 0 90px;display:grid}.bb-section h2{letter-spacing:-.065em;margin:0;font-size:clamp(54px,7vw,105px);font-weight:600;line-height:.93}.bb-section-intro p{max-width:500px;color:var(--muted);margin:0;font-size:19px;line-height:1.6}.bb-logo-stage{background:#e6e7df;place-items:center;min-height:610px;display:grid;position:relative;overflow:hidden}.bb-logo-stage>.bb-mark{width:min(32vw,450px);height:min(32vw,450px)}.bb-lockup{letter-spacing:.2em;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;bottom:30px;right:34px}.bb-lockup .bb-mark{width:32px;height:32px}.bb-stage-note{color:var(--muted);letter-spacing:.12em;font:9px/1 Courier New,monospace;position:absolute;top:28px;left:30px}.bb-anatomy-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:24px;display:grid}.bb-anatomy-grid article{border-right:1px solid var(--line);flex-direction:column;min-height:340px;padding:28px 32px;display:flex}.bb-anatomy-grid article:first-child{padding-left:0}.bb-anatomy-grid article:last-child{border-right:0}.bb-number{color:var(--muted);font:10px/1 Courier New,monospace}.bb-anatomy-grid h3,.bb-system-grid h3{letter-spacing:-.02em;margin:auto 0 10px;font-size:20px}.bb-anatomy-grid p,.bb-system-grid p{max-width:290px;color:var(--muted);margin:0;line-height:1.5}.bb-anatomy-symbol{width:130px;height:120px;margin:42px auto 0;position:relative}.loop-symbol i{border:17px solid var(--ink);border-right-color:#0000;border-radius:48% 48% 45% 45%;position:absolute;inset:8px 20px;transform:rotate(-14deg)}.arrow-symbol i{border-top:17px solid var(--lime);border-right:17px solid var(--lime);border-radius:0 20px 0 0;position:absolute;inset:31px 20px;transform:rotate(45deg)}.bb-anatomy-result .bb-mark{width:140px;height:140px;margin:30px auto 0}.bb-usage-section{background:#e6e7df}.bb-usage-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:72px;display:grid}.bb-usage-grid article{background:var(--paper);flex-direction:column;min-height:410px;padding:30px;display:flex}.bb-usage-grid article>p{color:var(--muted);margin:auto 0 0}.bb-clearspace-demo{border:1px dashed #10201d52;place-items:center;width:250px;height:250px;margin:36px auto;display:grid;position:relative}.bb-clearspace-demo .bb-mark{width:150px;height:150px}.clear-x{color:var(--muted);font:10px Courier New,monospace;position:absolute}.clear-x-one{top:22px;left:50%}.clear-x-two{top:50%;left:22px}.bb-size-row{justify-content:center;align-items:end;gap:90px;margin:auto 0;display:flex}.bb-size-row>div{color:var(--muted);text-transform:uppercase;align-items:end;gap:16px;font:10px/1.5 Courier New,monospace;display:flex}.bb-size-row>div:first-child .bb-mark{width:24px;height:24px}.bb-size-row>div:last-child .bb-mark{width:48px;height:48px}.bb-logo-variants{grid-template-columns:repeat(3,1fr);margin-top:24px;display:grid}.bb-logo-variants article{place-items:center;min-height:300px;padding:25px;display:grid;position:relative}.bb-logo-variants .bb-mark{width:160px;height:160px}.bb-logo-variants span{text-transform:uppercase;letter-spacing:.1em;font:9px/1 Courier New,monospace;position:absolute;bottom:20px;left:24px}.variant-paper{background:var(--paper)}.variant-ink{background:var(--ink);color:var(--paper)}.variant-lime{background:var(--lime)}.mark-inverse{filter:brightness(0)invert()}.mark-mono{filter:brightness(0)}.bb-do-dont{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:72px;display:grid}.bb-do-dont>div{align-items:flex-start;gap:30px;padding:30px 0 38px;display:flex}.bb-do-dont>div+div{border-left:1px solid var(--line);padding-left:30px}.bb-do-dont p{max-width:430px;margin:0;line-height:1.5}.bb-rule-tag{letter-spacing:.1em;padding:7px 10px;font:700 9px/1 Courier New,monospace}.bb-rule-tag.do{background:var(--lime)}.bb-rule-tag.dont,.bb-color-section{background:var(--ink);color:var(--paper)}.bb-color-heading{grid-template-columns:1.4fr .6fr;align-items:end;gap:60px;padding:70px 0 85px;display:grid}.bb-color-heading p{color:#f1f2eb94;max-width:380px;margin:0;font-size:18px;line-height:1.55}.bb-swatches{grid-template-columns:2fr 1fr 1fr 1fr;min-height:420px;display:grid}.bb-swatches article{border:1px solid #f1f2eb1f;flex-direction:column;justify-content:end;padding:26px;display:flex}.bb-swatches span,.bb-swatches small{letter-spacing:.1em;font:9px/1.4 Courier New,monospace}.bb-swatches strong{letter-spacing:-.04em;margin:auto 0 10px;font-size:clamp(26px,3vw,48px)}.swatch-ink{background:#10201d}.swatch-lime{color:#10201d;background:#c9ff4a}.swatch-paper{color:#10201d;background:#f1f2eb}.swatch-mist{color:#10201d;background:#e6e7df}.bb-color-rule{grid-template-columns:auto 7fr auto 2fr auto;align-items:center;gap:14px;margin-top:55px;font:10px Courier New,monospace;display:grid}.bb-color-rule i{background:var(--paper);height:5px}.bb-color-rule i:nth-of-type(2){background:var(--lime)}.bb-color-rule p{color:#f1f2eb8c;grid-column:1/-1;margin:20px 0 0}.bb-type-grid{grid-template-columns:1.45fr .75fr;gap:24px;margin-top:72px;display:grid}.bb-type-grid article{background:#e6e7df;flex-direction:column;min-height:530px;padding:30px;display:flex}.bb-mono-type{font-family:Courier New,monospace}.bb-big-letters{letter-spacing:-.08em;margin:50px 0 15px;font-size:clamp(100px,13vw,190px);line-height:.8}.bb-glyphs{letter-spacing:.08em;font-size:12px;line-height:1.7}.bb-type-grid h3{margin:auto 0 8px;font-size:18px}.bb-type-grid article>p:last-child{color:var(--muted);margin:0}.bb-type-scale{border-top:1px solid var(--line);margin-top:90px}.bb-type-scale>div{border-bottom:1px solid var(--line);grid-template-columns:220px 1fr;align-items:center;min-height:130px;display:grid}.bb-type-scale span{color:var(--muted);font:9px Courier New,monospace}.bb-type-scale strong{letter-spacing:-.05em;font-size:clamp(28px,4vw,62px)}.bb-type-scale p{font-size:22px}.bb-type-scale code{letter-spacing:.1em;font-size:12px}.bb-voice-section{background:var(--ink);color:var(--paper)}.bb-voice-heading{grid-template-columns:.55fr 1.45fr;align-items:start;padding:72px 0 90px;display:grid}.bb-voice-heading>p{color:#f1f2eb8c;margin:0}.bb-voice-heading h2 span{color:var(--lime)}.bb-voice-grid{border-top:1px solid #f1f2eb29;border-bottom:1px solid #f1f2eb29;grid-template-columns:repeat(3,1fr);display:grid}.bb-voice-grid article{border-right:1px solid #f1f2eb29;min-height:260px;padding:28px 30px}.bb-voice-grid article:first-child{padding-left:0}.bb-voice-grid article:last-child{border:0}.bb-voice-grid span{color:#f1f2eb66;font:10px Courier New,monospace}.bb-voice-grid h3{margin:90px 0 10px;font-size:19px}.bb-voice-grid p{color:#f1f2eb8c;margin:0;line-height:1.5}.bb-voice-example{grid-template-columns:1fr 1fr;margin-top:70px;display:grid}.bb-voice-example>div{border:1px solid #f1f2eb29;padding:28px 30px}.bb-voice-example>div:last-child{background:var(--lime);color:var(--ink);border-color:var(--lime)}.bb-voice-example span{letter-spacing:.1em;font:9px Courier New,monospace}.bb-voice-example p{letter-spacing:-.02em;max-width:480px;margin:60px 0 0;font-size:23px;line-height:1.35}.bb-system-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:70px;display:grid}.bb-system-grid article{background:#e6e7df;flex-direction:column;min-height:400px;padding:28px;display:flex}.bb-system-grid article>div{height:190px;margin-top:40px;position:relative}.system-lines div i{background:var(--ink);height:1px;position:absolute;left:0;right:0}.system-lines div i:first-child{top:20%}.system-lines div i:nth-child(2){top:50%}.system-lines div i:nth-child(3){top:80%}.system-lines div b{background:var(--lime);border-radius:50%;width:8px;height:8px;position:absolute;top:calc(50% - 4px);right:12%}.system-signal div{place-items:center;display:grid}.system-signal div i{background:var(--lime);border-radius:50%;width:34px;height:34px;box-shadow:0 0 0 14px #c9ff4a2e}.system-redaction div{align-content:center;gap:18px;padding:35px 10px;display:grid}.system-redaction div i{background:var(--ink);height:12px;display:block}.system-redaction div i:nth-child(2){width:68%}.system-redaction div i:nth-child(3){width:84%}.bb-system-grid h3{margin-top:auto}.bb-applications{background:#e6e7df}.bb-app-grid{grid-template-columns:1.05fr 1.5fr .7fr;gap:24px;margin-top:70px;display:grid}.bb-app-grid article{min-height:460px;position:relative;overflow:hidden}.bb-app-card{background:var(--paper);padding:30px}.app-card-top{letter-spacing:.18em;align-items:center;gap:10px;font-weight:800;display:flex}.app-card-top .bb-mark{width:30px;height:30px}.bb-app-card>p{color:var(--muted);margin:150px 0 10px;font:10px Courier New,monospace}.bb-app-card>strong{color:#507a29;font:12px Courier New,monospace}.bb-app-card>i{background:var(--lime);border-radius:50%;width:12px;height:12px;position:absolute;bottom:32px;right:32px;box-shadow:0 0 0 12px #c9ff4a38}.bb-app-social{background:var(--ink);color:var(--paper);padding:36px}.bb-app-social .bb-mark{width:90px;height:90px}.bb-app-social h3{letter-spacing:-.055em;margin:95px 0 0;font-size:clamp(34px,4vw,58px);line-height:.98}.bb-app-social p{color:#f1f2eb73;letter-spacing:.1em;margin:0;font:9px Courier New,monospace;position:absolute;bottom:30px}.bb-app-icon{background:var(--lime);place-items:center;display:grid}.bb-app-icon .bb-mark{width:150px;height:150px}.bb-app-icon span{font:9px Courier New,monospace;position:absolute;bottom:24px;left:24px}.bb-download{border-top:1px solid var(--line);justify-content:space-between;align-items:end;margin-top:90px;padding:72px 0;display:flex}.bb-download>div>span{letter-spacing:.1em;font:9px Courier New,monospace}.bb-download h2{margin-top:30px}.bb-download a{border-bottom:1px solid var(--ink);letter-spacing:.08em;text-transform:uppercase;padding-bottom:8px;font:700 11px Courier New,monospace}.bb-download a span{margin-left:22px}.bb-footer{background:var(--ink);min-height:170px;color:var(--paper);grid-template-columns:1fr 1fr 1fr;align-items:end;padding:50px max(32px,50vw - 720px);display:grid}.bb-footer-brand{display:inline-flex}.bb-footer p{color:#f1f2eb73;letter-spacing:.1em;text-transform:uppercase;margin:0;font:9px Courier New,monospace}.bb-footer p:last-child{text-align:right}@media (max-width:900px){.bb-nav{grid-template-columns:1fr 1fr;width:100%;padding:0 20px}.bb-nav-meta{display:none}.bb-hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.bb-hero-mark{min-height:430px}.bb-hero-mark .bb-mark{width:330px;height:330px}.bb-orbit{width:390px}.bb-section-intro,.bb-color-heading,.bb-voice-heading{grid-template-columns:1fr;gap:40px}.bb-anatomy-grid,.bb-logo-variants,.bb-voice-grid,.bb-system-grid{grid-template-columns:1fr}.bb-anatomy-grid article,.bb-voice-grid article{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.bb-anatomy-grid article:last-child,.bb-voice-grid article:last-child{border-bottom:0}.bb-swatches{grid-template-columns:1fr 1fr}.bb-swatches article{min-height:280px}.bb-type-grid{grid-template-columns:1fr}.bb-app-grid{grid-template-columns:1fr 1fr}.bb-app-social{grid-row:span 2}.bb-app-icon{min-height:280px!important}}@media (max-width:600px){.bb-nav{height:76px}.bb-back{font-size:9px}.bb-hero{padding-left:20px;padding-right:20px}.bb-hero h1{font-size:67px}.bb-hero-mark{min-height:340px}.bb-hero-mark .bb-mark{width:260px;height:260px}.bb-orbit{width:300px}.bb-hero-foot span:last-child{display:none}.bb-section{padding:90px 20px}.bb-section-intro{padding:50px 0 60px}.bb-logo-stage{min-height:430px}.bb-logo-stage>.bb-mark{width:260px;height:260px}.bb-lockup{display:none}.bb-usage-grid,.bb-do-dont,.bb-type-grid,.bb-voice-example{grid-template-columns:1fr}.bb-usage-grid article{min-height:360px}.bb-do-dont>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.bb-size-row{gap:46px}.bb-swatches{grid-template-columns:1fr}.bb-swatches article{min-height:230px}.bb-color-rule{grid-template-columns:auto 1fr}.bb-color-rule span:nth-of-type(n+2),.bb-color-rule i:nth-of-type(n+2){display:none}.bb-type-scale>div{grid-template-columns:1fr;gap:20px;padding:28px 0}.bb-voice-grid article{min-height:220px}.bb-voice-grid h3{margin-top:55px}.bb-app-grid{grid-template-columns:1fr}.bb-app-grid article{min-height:380px}.bb-download{flex-direction:column;align-items:flex-start;gap:50px}.bb-footer{grid-template-columns:1fr 1fr}.bb-footer p:first-of-type{display:none}}