.brandbook{--bb-accent:#63f6f8;--bb-ink:#e9ebe4;max-width:1920px;margin:auto;color:var(--bb-ink)}.brandbook p{line-height:1.75;color:#aab4ad}.brandbook h1,.brandbook h2,.brandbook h3{font-weight:400}.brandbook em{font-style:normal;color:#b9dace}.bb-label{font:11px/1.5 Onest,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#a8b4ae}.bb-hero{padding:155px 6vw 70px;min-height:880px;position:relative;overflow:hidden;isolation:isolate}.bb-hero-top{display:flex;justify-content:space-between;gap:24px;font:10px Onest,sans-serif;letter-spacing:.1em;color:#81948b}.bb-hero h1{position:relative;z-index:2;font-size:clamp(70px,8.1vw,140px);line-height:1.02;letter-spacing:-.045em;margin:70px 0 35px;max-width:1050px}.bb-hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:30px;max-width:1050px}.bb-hero-bottom p{max-width:430px}.bb-link{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border-bottom:1px solid #ffffff35;padding:16px 0;font-size:14px;text-decoration:none}.bb-signature{position:relative;margin:65px 0 0 auto;width:45%;padding:30px 0}.bb-signature img{width:100%;position:relative;z-index:1}.bb-index{display:flex;margin:0 6vw;border-block:1px solid #ffffff20;justify-content:space-between;padding:20px 0;gap:20px;flex-wrap:wrap}.bb-index a{display:flex;gap:12px;font-size:13px;text-decoration:none}.bb-index small{color:#6e8680}.bb-section{padding:115px 6vw 20px;scroll-margin-top:115px}.bb-heading{display:grid;grid-template-columns:1.45fr 1fr;gap:24px 70px;margin-bottom:55px}.bb-heading>.bb-label{grid-column:1/-1}.bb-heading h2,.bb-type h2,.bb-downloads h2,.bb-contact h2{font-size:clamp(42px,5vw,78px);line-height:1.08;letter-spacing:-.035em;margin:0}.bb-heading p{max-width:430px;align-self:end;margin:0;font-size:15px}.bb-logo-lab{background:#191e1b;border:1px solid #ffffff20;border-radius:6px;overflow:hidden;transition:background .5s,color .5s}.bb-logo-lab[data-tone=light]{background:#f1f2eb;color:#141414}.bb-logo-lab[data-tone=cyan]{background:#63f6f8;color:#141414}.bb-lab-bar,.bb-lab-bottom{display:flex;justify-content:space-between;gap:20px;padding:25px 32px;align-items:center}.bb-lab-bar>span{font-size:10px;letter-spacing:.1em}.bb-tones{display:flex;gap:8px}.bb-tones button{border:1px solid currentColor;border-radius:30px;background:transparent;color:inherit;padding:9px 15px;font:12px Onest;opacity:.5;cursor:pointer}.bb-tones button[aria-pressed=true]{opacity:1}.bb-logo-preview{height:330px;display:grid;place-items:center;padding:35px}.bb-logo-preview img{width:min(520px,85%);height:100%;object-fit:contain}.bb-lab-bottom{border-top:1px solid #8b938738}.bb-lab-bottom p{color:inherit;font-size:12px;margin:0}.bb-lab-bottom a{font-size:13px;white-space:nowrap}.bb-variants{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:65px 0}.bb-variants img{width:100%;height:145px;object-fit:contain;object-position:left center;margin-bottom:22px}.bb-variants article:nth-child(2) img{width:105px}.bb-variants h3,.bb-rules h3,.bb-web-rules h3{font-size:23px;line-height:1.25;margin:15px 0}.bb-variants p,.bb-rules p,.bb-web-rules p{font-size:14px}.bb-rules{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;border-top:1px solid #ffffff20;padding-top:65px}.bb-clearspace{margin:0}.bb-clearspace img{width:100%;height:auto;border-radius:4px}.bb-clearspace figcaption{font:11px Onest;color:#7d9286;margin-top:12px}.bb-minimums{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:30px;margin-top:60px;align-items:center}.bb-minimums strong{font-size:64px;font-weight:400;display:block;line-height:1.2}.bb-minimums small{font:14px Onest;color:#9ab8ab}.bb-minimums span{font-size:12px}.bb-minimums p{font-size:12px}.bb-swatches{display:grid;grid-template-columns:repeat(3,1fr)}.bb-swatches article{background:var(--swatch);color:#141414;min-height:350px;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.bb-swatches .is-black{color:#eee;border:1px solid #ffffff20}.bb-swatches article>span{font-size:11px;letter-spacing:.1em}.bb-swatches button{color:inherit;font:30px Onest;border:0;background:none;text-align:left;padding:70px 0 15px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.bb-swatches button small{font-size:20px}.bb-swatches p{font:12px/1.8 Onest;color:inherit;margin:0}.bb-note{font-size:12px!important;max-width:900px;margin:25px 0}.bb-type-specimen{font-size:clamp(70px,14vw,210px);line-height:1.05;letter-spacing:-.06em;border-block:1px solid #ffffff20;padding:60px 0;margin:30px 0 45px;color:#c4e4dd}.bb-type-specimen span{display:block;font-size:.36em;letter-spacing:-.03em;color:#dce5de}.bb-type-details{display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.bb-type-details p{font-size:14px}.bb-onest{display:block;font:22px Onest;padding-top:15px}.bb-gallery{display:grid;grid-template-columns:1fr 1fr;gap:65px 30px}.bb-object{margin:0}.bb-object-rollups{grid-column:1/-1}.bb-image-open{border:0;padding:0;background:transparent;display:block;width:100%;position:relative;overflow:hidden;cursor:zoom-in;border-radius:5px}.bb-image-open img{display:block;width:100%;height:auto;transition:transform 1s}.bb-image-open:hover img{transform:scale(1.025)}.bb-image-open>span{position:absolute;right:20px;bottom:20px;width:40px;height:40px;border:1px solid #fff5;display:grid;place-items:center;border-radius:50%;color:white;background:transparent}.bb-object figcaption{padding:25px 0 0}.bb-object h3{font-size:32px;line-height:1.15;margin:12px 0}.bb-object p{font-size:14px;max-width:580px;margin:0}.bb-object-kit{grid-column:1/-1;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:50px}.bb-web-demo{position:relative;overflow:hidden;background:transparent;border:1px solid #ffffff20;border-radius:12px;isolation:isolate}.bb-demo-header{display:flex;align-items:center;gap:25px;justify-content:space-between;padding:25px 35px;border-bottom:1px solid #ffffff20;position:relative;z-index:1}.bb-demo-header img{width:80px}.bb-demo-header span{font:11px Onest}.bb-demo-content{padding:65px;position:relative;z-index:1}.bb-demo-content>span{font:9px Onest;letter-spacing:.17em}.bb-demo-content h3{font-size:clamp(36px,5vw,75px);line-height:1.07;letter-spacing:-.035em;margin:30px 0}.bb-demo-content p{font-size:14px}.bb-web-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:45px 0}.bb-donts{border-block:1px solid #ffffff20;padding:25px 0}.bb-donts summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-size:22px}.bb-donts li{font:14px/1.8 Onest;color:#aab4ad;margin:10px 0}.bb-downloads h2{margin:28px 0 45px}.bb-download-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.bb-download-grid a{border:1px solid #ffffff25;padding:35px;position:relative;text-decoration:none;border-radius:5px;transition:background .3s}.bb-download-grid a:hover{border-color:#63f6f8}.bb-download-grid span{font:11px Onest;color:#98b3a6}.bb-download-grid strong{display:block;font-size:30px;font-weight:400;margin:35px 0 15px}.bb-download-grid p{font-size:13px}.bb-download-grid i{position:absolute;right:25px;top:25px;font-style:normal}.bb-contact{text-align:center;padding-block:130px}.bb-contact h2{margin:30px 0}.bb-contact .bb-link{margin:20px}.bb-lightbox{border:1px solid #ffffff30;background:#111713;color:#eee;max-width:95vw;width:1300px;padding:50px 20px 20px;max-height:95vh;border-radius:8px}.bb-lightbox::backdrop{background:#030806eb;backdrop-filter:blur(10px)}.bb-lightbox>img{width:100%;max-height:75vh;object-fit:contain}.bb-lightbox>button{position:absolute;right:20px;top:8px;border:0;color:#fff;background:none;font-size:30px;cursor:pointer}.bb-lightbox p{margin:10px;text-align:center;font-size:14px}.bb-copy-status{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:#253b31;border-radius:40px;padding:12px 25px;pointer-events:none}.bb-copy-status:empty{display:none}.brandbook a:focus-visible,.brandbook button:focus-visible,.brandbook summary:focus-visible{outline:2px solid #5fbcee;outline-offset:5px}@keyframes bb-breathe{50%{opacity:.45;translate:0 -15px}}@media(max-width:700px){.bb-hero{padding:150px 24px 50px;min-height:0}.bb-hero-top{display:block}.bb-hero-top>span:last-child{display:block;margin-top:15px;font-size:8px}.bb-hero h1{font-size:clamp(48px,10.2vw,72px);margin:50px 0 25px}.bb-hero-bottom{display:block}.bb-hero-bottom p{font-size:14px}.bb-signature{width:65%;margin-top:45px}.bb-index{margin:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px 15px}.bb-index a{font-size:11px;gap:7px}.bb-section{padding:75px 24px 0;scroll-margin-top:130px}.bb-heading,.bb-rules,.bb-type-details{grid-template-columns:1fr;gap:25px}.bb-heading h2,.bb-type h2,.bb-downloads h2,.bb-contact h2{font-size:42px}.bb-heading p{font-size:14px}.bb-lab-bar{display:block;padding:20px}.bb-tones{margin-top:20px}.bb-tones button{padding:8px 12px;font-size:11px}.bb-logo-preview{height:200px;padding:20px}.bb-lab-bottom{padding:20px}.bb-variants{grid-template-columns:1fr;gap:40px}.bb-variants img{height:100px;width:75%;margin:0}.bb-variants article:nth-child(2) img{width:80px}.bb-minimums{grid-template-columns:repeat(3,1fr);gap:15px}.bb-minimums strong{font-size:42px}.bb-minimums span{font-size:10px}.bb-minimums p{grid-column:1/-1}.bb-swatches{grid-template-columns:1fr}.bb-swatches article{min-height:230px;padding:25px}.bb-swatches button{padding:35px 0 20px}.bb-type-specimen{font-size:22vw;padding:40px 0}.bb-gallery{grid-template-columns:1fr;gap:45px}.bb-object-kit{display:block}.bb-object h3{font-size:30px}.bb-demo-header{padding:20px}.bb-demo-header img{width:60px}.bb-demo-header span{font-size:8px}.bb-demo-content{padding:35px 25px}.bb-demo-content h3{font-size:34px}.bb-web-rules,.bb-download-grid{grid-template-columns:1fr;gap:25px}.bb-donts summary{font-size:18px}.bb-download-grid a{padding:25px}.bb-download-grid strong{font-size:25px}.bb-contact{padding-bottom:80px}.bb-contact .bb-link{margin:10px 0;width:100%;gap:10px}}@media(prefers-reduced-motion:reduce){.brandbook *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Editorial scale stays quieter than the spatial service pages. */
.bb-type-specimen{font-family:Gothic,sans-serif}.brandbook h2{max-width:none}.bb-hero h1{font-size:clamp(64px,6.5vw,104px);max-width:none}.bb-hero{min-height:820px}.bb-signature{position:absolute;width:35%;right:6vw;bottom:70px;margin:0}.bb-hero-bottom{display:block}.bb-hero-bottom .bb-link{margin-top:15px}.bb-heading h2,.bb-type h2,.bb-downloads h2,.bb-contact h2{font-size:clamp(40px,4.15vw,64px)}
@media(max-width:700px){.bb-hero{min-height:0}.bb-hero h1{font-size:clamp(44px,10vw,65px)}.bb-signature{position:relative;width:65%;right:auto;bottom:auto;margin:45px 0 0 auto}.bb-heading h2,.bb-type h2,.bb-downloads h2,.bb-contact h2{font-size:38px}.bb-lab-bottom{gap:12px}.bb-section{overflow-wrap:anywhere}}
@media(max-width:380px){.bb-heading h2,.bb-type h2,.bb-downloads h2,.bb-contact h2{font-size:29px;letter-spacing:-.04em}.bb-object h3{font-size:26px}}
/* One continuous silk world follows the reading journey. */
.brandbook{display:grid;position:relative;isolation:isolate}.bb-world{grid-area:1/1;align-self:start;position:sticky;top:0;height:100svh;overflow:clip;pointer-events:none}.bb-world>*{position:absolute;inset:0;width:100%;height:100%}.bb-world canvas{opacity:0;transition:opacity .8s}.brandbook[data-world-ready] .bb-world canvas{opacity:.88}.bb-world-fallback{opacity:.35}.bb-world-fallback .silk{width:100%;height:100%}.brandbook[data-world-ready] .bb-world-fallback{display:none}.bb-content{grid-area:1/1;position:relative;min-width:0}.bb-world-shade{background:linear-gradient(90deg,#131615ef,#131615b0 38%,#13161512 80%),linear-gradient(#131615a0,transparent 28%,transparent 80%,#131615a0)}.brandbook[data-brand-act="1"] .bb-world-shade,.brandbook[data-brand-act="3"] .bb-world-shade,.brandbook[data-brand-act="5"] .bb-world-shade{background:linear-gradient(270deg,#131615e8,#13161594 50%,#13161533),linear-gradient(#13161599,transparent 30%,#13161555)}.brandbook[data-brand-act="7"] .bb-world-shade{background:linear-gradient(#13161588,transparent 65%,#13161566)}.bb-hero{background:transparent}.bb-logo-lab,.bb-variants article,.bb-minimums>div{position:relative;z-index:1}.bb-variants article{padding:20px}.bb-minimums>div{padding:12px}.bb-object figcaption{padding:25px 0 18px}.bb-demo-silk{position:absolute;inset:10% -25% -35% 55%;opacity:.45;z-index:0;pointer-events:none}.bb-demo-silk .silk{width:100%;height:100%}.bb-contact{min-height:85svh;display:flex;flex-direction:column;align-items:center;justify-content:center}.bb-contact p{padding:8px 15px}.bb-contact .bb-link{padding:16px}@media(max-width:700px){.bb-world-shade{background:linear-gradient(90deg,#131615d8,#13161588 75%),linear-gradient(#13161588,transparent 45%,#13161577)}.brandbook[data-world-ready] .bb-world canvas{opacity:.65}.bb-variants article{padding:20px}.bb-contact{min-height:80svh}.bb-demo-silk{inset:20% -55% -20% 55%}}

/* The source clear-space diagram reads on the shared dark scene. */
.bb-clearspace img{filter:invert(1);mix-blend-mode:screen;border-radius:0}

.bb-tones{flex-wrap:wrap}.bb-colour-bar{padding-top:0}.bb-tones button{display:inline-flex;align-items:center;gap:8px}.bb-tones button i{display:block;width:12px;height:12px;flex-shrink:0;border-radius:50%;background:var(--logo-colour);border:1px solid #8b9387}.bb-tones button:disabled{opacity:.25;cursor:default}.bb-logo-lab[data-version=symbol] .bb-logo-preview img{width:min(180px,60%)}.bb-logo-preview img{max-width:100%;min-height:0}.bb-lab-bar{flex-wrap:wrap}@media(max-width:700px){.bb-versions{gap:8px}.bb-colour-bar .bb-tones{margin-top:12px}.bb-logo-lab[data-version=symbol] .bb-logo-preview img{width:95px}}