.brand-book{--bb-cream: oklch(.965 .027 85);--bb-paper: oklch(.988 .012 85);--bb-ink: oklch(.17 .016 55);--bb-ink-2: oklch(.26 .018 58);--bb-coral: oklch(.66 .2 31);--bb-coral-dark: oklch(.53 .18 29);--bb-orange: oklch(.76 .13 60);--bb-grey: oklch(.56 .018 62);--bb-line: oklch(.17 .016 55 / .18);--bb-coral-soft: oklch(.66 .2 31 / .12);isolation:isolate;background:var(--bb-cream);color:var(--bb-ink);font-family:var(--font-body)}.brand-book *,.brand-book *:before,.brand-book *:after{box-sizing:border-box}.brand-book h1,.brand-book h2,.brand-book h3,.brand-book p,.brand-book figure,.brand-book blockquote{margin:0}.bb-hero{min-height:calc(100svh - var(--nav-height));display:grid;grid-template-rows:auto 1fr auto;padding:clamp(1.25rem,3vw,2.5rem) clamp(1rem,5vw,5rem);overflow:hidden;background:linear-gradient(90deg,transparent 49.94%,oklch(.17 .016 55 / .11) 50%,transparent 50.06%),var(--bb-coral)}.bb-hero-topline{display:flex;justify-content:space-between;gap:2rem;padding-bottom:.9rem;border-bottom:1px solid oklch(.17 .016 55 / .3);font-family:var(--font-mono);font-size:.69rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.bb-hero-main{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(18rem,.72fr);align-items:end;gap:clamp(3rem,8vw,8rem);padding:clamp(4rem,10vh,8rem) 0 clamp(3rem,8vh,6rem)}.bb-kicker,.bb-eyebrow,.bb-mono-label,.bb-stage-label,.bb-hero-mark-label{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.bb-kicker{margin-bottom:clamp(1.5rem,3vw,2.5rem)!important}.bb-hero h1{max-width:12ch;font-family:var(--font-body);font-size:clamp(3.35rem,8.7vw,8.7rem);font-weight:700;letter-spacing:-.07em;line-height:.87}.bb-hero h1 em{font-family:var(--font-brand);font-weight:400;letter-spacing:-.035em}.bb-hero-summary{max-width:52ch;margin-top:clamp(1.75rem,4vw,3.5rem)!important;font-size:clamp(1rem,1.3vw,1.2rem);font-weight:600;line-height:1.65}.bb-hero-mark{align-self:center;display:flex;min-height:23rem;flex-direction:column;justify-content:space-between;padding:clamp(1.4rem,3vw,2.25rem);background:var(--bb-cream);box-shadow:1.4rem 1.4rem 0 var(--bb-ink);transform:rotate(2deg)}.bb-wordmark{display:inline-block;color:var(--bb-ink)!important;font-size:clamp(4.5rem,8vw,8.5rem)!important;letter-spacing:-.055em!important}.bb-wordmark>span{color:var(--bb-orange)!important}.bb-wordmark-hero{align-self:center}.bb-hero-mark-note{align-self:flex-end;font-size:.8rem;font-weight:700}.bb-scroll-cue{display:inline-flex;width:max-content;align-items:center;gap:.6rem;color:var(--bb-ink);font-size:.84rem;font-weight:700;text-decoration:none}.bb-page-grid{display:grid;grid-template-columns:minmax(12rem,18vw) minmax(0,1fr);max-width:100rem;margin:0 auto}.bb-index{position:sticky;top:var(--nav-height);height:calc(100vh - var(--nav-height));padding:4rem clamp(1.25rem,3vw,3rem);border-right:1px solid var(--bb-line)}.bb-index>p:first-child{margin-bottom:1.4rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.bb-index nav{display:flex;flex-direction:column}.bb-index a{display:grid;grid-template-columns:2rem 1fr;padding:.72rem 0;border-bottom:1px solid var(--bb-line);color:var(--bb-ink-2);font-size:.84rem;font-weight:650;text-decoration:none;transition:color .18s var(--ease-out),padding-left .18s var(--ease-out)}.bb-index a:hover,.bb-index a:focus-visible{padding-left:.35rem;color:var(--bb-coral-dark)}.bb-index a span{font-family:var(--font-mono);font-size:.65rem;color:var(--bb-grey)}.bb-index-note{max-width:20ch;margin-top:2.5rem!important;color:var(--bb-grey);font-size:.72rem;line-height:1.6}.bb-content{min-width:0}.bb-section{scroll-margin-top:var(--nav-height);padding:clamp(5rem,10vw,10rem) clamp(1.25rem,7vw,7.5rem);border-bottom:1px solid var(--bb-line)}.bb-section-heading{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:1rem;max-width:70rem;margin-bottom:clamp(3.5rem,7vw,7rem)}.bb-section-number{padding-top:.55rem;font-family:var(--font-mono);font-size:.75rem;color:var(--bb-coral-dark)}.bb-eyebrow{margin-bottom:1.25rem!important;color:var(--bb-grey)}.bb-section h2{max-width:13ch;font-size:clamp(2.6rem,6vw,6.5rem);font-weight:700;letter-spacing:-.065em;line-height:.95}.bb-section-description{max-width:55ch;margin-top:1.75rem!important;color:var(--bb-ink-2);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65}.bb-idea{background:var(--bb-paper)}.bb-manifesto{max-width:62rem;padding:clamp(2rem,4vw,4rem) 0;border-block:1px solid var(--bb-ink);font-family:var(--font-brand);font-size:clamp(2.2rem,4.6vw,5rem);letter-spacing:-.04em;line-height:1.02}.bb-manifesto p+p{margin-top:.15em!important}.bb-manifesto strong{display:block;margin-top:.65em;color:var(--bb-coral-dark);font-family:var(--font-body);font-size:.42em;letter-spacing:-.03em}.bb-principles{display:grid;grid-template-columns:1.1fr .9fr 1.15fr;gap:clamp(1.5rem,4vw,4rem);margin-top:clamp(4rem,8vw,8rem)}.bb-principles>div:nth-child(2){margin-top:4rem}.bb-principles span,.bb-design-rules span{font-family:var(--font-mono);font-size:.7rem;color:var(--bb-coral-dark)}.bb-principles h3{margin:1rem 0 .8rem;font-size:1.12rem}.bb-principles p{color:var(--bb-ink-2);font-size:.92rem;line-height:1.65}.bb-logo-showcase{display:grid;grid-template-columns:1.15fr .85fr;min-height:28rem;border:1px solid var(--bb-line)}.bb-wordmark-stage{position:relative;display:grid;place-items:center;padding:4rem 2rem;background:var(--bb-cream)}.bb-wordmark-stage+.bb-wordmark-stage{border-left:1px solid var(--bb-line)}.bb-wordmark-stage-inverse{background:var(--bb-ink)}.bb-wordmark-stage-inverse .bb-wordmark{color:var(--bb-cream)!important}.bb-stage-label{position:absolute;top:1.25rem;left:1.25rem;color:var(--bb-grey)}.bb-logo-rules{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,6vw,7rem);margin-top:clamp(3rem,6vw,6rem)}.bb-rule-spec>p:last-child{max-width:42ch;color:var(--bb-ink-2);font-size:.87rem;line-height:1.65}.bb-clear-space{display:flex;align-items:center;justify-content:center;margin:1rem 0 1.35rem;padding:2rem;outline:1px dashed var(--bb-coral-dark);outline-offset:-.55rem;background:var(--bb-paper)}.bb-clear-space i{color:var(--bb-coral-dark);font-family:var(--font-mono);font-size:.7rem}.bb-wordmark-small{margin:0 1.5rem;font-size:clamp(3rem,5vw,5rem)!important}.bb-rule-list{border-top:1px solid var(--bb-line)}.bb-rule-list>div{display:grid;grid-template-columns:1.5rem 1fr;gap:.9rem;padding:1.15rem 0;border-bottom:1px solid var(--bb-line);font-size:.9rem;line-height:1.55}.bb-rule-list>div:nth-child(-n+2) svg{color:#00764a;color:oklch(.5 .12 159)}.bb-rule-list>div:nth-child(n+3) svg{color:var(--bb-coral-dark)}.bb-type-section{background:var(--bb-ink);color:var(--bb-cream)}.bb-type-section .bb-section-description,.bb-type-section .bb-eyebrow{color:#cfc6b9}.bb-type-specimens>div{display:grid;grid-template-columns:minmax(9rem,.35fr) minmax(0,1.3fr) minmax(12rem,.55fr);gap:clamp(1rem,4vw,4rem);align-items:start;padding:clamp(2rem,5vw,4rem) 0;border-top:1px solid oklch(.965 .027 85 / .22)}.bb-type-specimens>div:last-child{border-bottom:1px solid oklch(.965 .027 85 / .22)}.bb-type-meta{display:flex;flex-direction:column;gap:.4rem;font-family:var(--font-mono);font-size:.67rem;letter-spacing:.07em;text-transform:uppercase}.bb-type-meta span:last-child,.bb-type-specimens small{color:#ada397}.bb-type-specimens small{font-size:.78rem;line-height:1.65}.bb-type-display>p{font-family:var(--font-brand);font-size:clamp(3rem,7vw,7.4rem);letter-spacing:-.045em;line-height:.9}.bb-type-display>p em{color:var(--bb-orange)}.bb-type-body-large{font-size:clamp(1.5rem,3.2vw,3.2rem);font-weight:700;letter-spacing:-.045em;line-height:1.1}.bb-type-body>p+p{margin-top:1.35rem!important;color:#cbc3b6;font-size:.87rem;line-height:1.65}.bb-type-mono>p{color:var(--bb-orange);font-family:var(--font-mono);font-size:clamp(.75rem,1.3vw,1.1rem);line-height:1.9}.bb-colour-strip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));min-height:34rem;border:1px solid var(--bb-line)}.bb-swatch{grid-column:span 2;display:grid;grid-template-rows:minmax(14rem,1fr) auto;min-width:0}.bb-swatch-1,.bb-swatch-2{grid-column:span 3}.bb-swatch+.bb-swatch{border-left:1px solid var(--bb-line)}.bb-swatch-colour{background:var(--swatch)}.bb-swatch-copy{min-height:10rem;padding:1.15rem;border-top:1px solid var(--bb-line)}.bb-swatch-copy strong,.bb-swatch-copy span{display:block}.bb-swatch-copy strong{font-size:.8rem}.bb-swatch-copy span{margin-top:.25rem;font-family:var(--font-mono);font-size:.67rem;color:var(--bb-grey)}.bb-swatch-copy p{margin-top:1.1rem!important;color:var(--bb-ink-2);font-size:.7rem;line-height:1.5}.bb-colour-guidance{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,4rem);margin-top:3rem}.bb-colour-guidance p{font-size:.86rem;line-height:1.65}.bb-voice-section{background:var(--bb-coral)}.bb-voice-axis{border-top:1px solid oklch(.17 .016 55 / .35)}.bb-voice-axis>div{display:grid;grid-template-columns:minmax(8rem,auto) 1fr minmax(8rem,auto);gap:1rem;align-items:center;padding:1.15rem 0;border-bottom:1px solid oklch(.17 .016 55 / .35);font-size:clamp(.95rem,2vw,1.35rem);font-weight:700}.bb-voice-axis span:last-child{text-align:right}.bb-voice-axis i{height:1px;background:#150e0959}.bb-copy-compare{display:grid;grid-template-columns:1.2fr .8fr;margin-top:clamp(3rem,6vw,6rem);border:1px solid oklch(.17 .016 55 / .35)}.bb-copy-compare>div{padding:clamp(1.5rem,4vw,3.5rem)}.bb-copy-dont{border-left:1px solid oklch(.17 .016 55 / .35);background:#150e0914}.bb-copy-compare .bb-mono-label,.bb-photo-rules .bb-mono-label{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem!important}.bb-copy-compare blockquote{max-width:37ch;padding:1.1rem 0;border-top:1px solid oklch(.17 .016 55 / .28);font-size:clamp(1rem,1.5vw,1.25rem);font-weight:650;line-height:1.5}.bb-message-order{margin-top:3rem;padding-top:2.2rem;border-top:1px solid oklch(.17 .016 55 / .35)}.bb-message-order>span{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.bb-message-order>div{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:1rem;font-size:clamp(1.25rem,2.5vw,2.4rem)}.bb-message-order>p{margin-top:1rem!important;font-size:.84rem}.bb-product-board{position:relative;display:grid;grid-template-columns:.75fr 1.25fr;gap:0;max-width:64rem;margin:0 auto;border:1px solid oklch(.965 .027 85 / .16);background:var(--bb-ink);color:var(--bb-cream);box-shadow:1.4rem 1.4rem 0 var(--bb-orange)}.bb-board-top{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;min-height:4.5rem;padding:1rem 1.4rem;border-bottom:1px solid oklch(.965 .027 85 / .16)}.bb-board-brand{color:var(--bb-cream)!important;font-size:2rem!important}.bb-board-brand>span{color:var(--bb-orange)!important}.bb-board-top>span{font-family:var(--font-mono);font-size:.67rem;color:#ada397}.bb-board-source,.bb-board-route,.bb-board-output{padding:clamp(1.4rem,3vw,2.5rem)}.bb-board-source{border-right:1px solid oklch(.965 .027 85 / .16);border-bottom:1px solid oklch(.965 .027 85 / .16)}.bb-board-source>span,.bb-board-output .bb-mono-label{font-family:var(--font-mono);font-size:.67rem;color:#ada397;letter-spacing:.08em;text-transform:uppercase}.bb-board-source>p{margin-top:1rem!important;font-family:var(--font-brand);font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.05}.bb-board-route{display:flex;align-items:center;gap:.4rem;border-bottom:1px solid oklch(.965 .027 85 / .16)}.bb-board-route span{padding:.55rem .75rem;border:1px solid oklch(.965 .027 85 / .14);border-radius:var(--radius-pill);color:#ada397;font-family:var(--font-mono);font-size:.62rem;white-space:nowrap}.bb-board-route .is-complete{color:#89d8ad}.bb-board-route .is-active{border-color:var(--bb-coral);background:var(--bb-coral);color:var(--bb-ink)}.bb-board-output{grid-column:1 / -1}.bb-board-output h3{max-width:29ch;margin:1rem 0 2rem;font-size:clamp(1.5rem,3.2vw,3.25rem);letter-spacing:-.045em;line-height:1.08}.bb-board-output>div{display:flex;gap:1.5rem;color:#ada397;font-family:var(--font-mono);font-size:.65rem}.bb-product-board button{position:absolute;right:1.4rem;bottom:1.4rem;display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;padding:.75rem 1rem;border:0;border-radius:var(--radius-control);background:var(--bb-coral);color:var(--bb-ink);font:700 .78rem var(--font-body)}.bb-design-rules{display:grid;grid-template-columns:repeat(2,1fr);gap:0 4rem;max-width:70rem;margin:clamp(5rem,10vw,9rem) auto 0;border-top:1px solid var(--bb-line)}.bb-design-rules>div{display:grid;grid-template-columns:2rem 1fr;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--bb-line)}.bb-design-rules p{font-size:.86rem;line-height:1.65}.bb-photo-section{background:var(--bb-paper)}.bb-photo-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(.75rem,2vw,1.5rem);align-items:end}.bb-photo-layout figure{overflow:hidden;background:var(--bb-ink)}.bb-photo-layout img{display:block;width:100%;object-fit:cover;filter:saturate(.92) contrast(1.04)}.bb-photo-portrait img{aspect-ratio:4 / 5}.bb-photo-wide img{aspect-ratio:16 / 10}.bb-photo-layout figcaption{display:flex;gap:.7rem;align-items:flex-start;padding:1rem 1.1rem;color:var(--bb-cream);font-size:.72rem;line-height:1.55}.bb-photo-layout figcaption svg{flex:0 0 auto;color:var(--bb-orange)}.bb-photo-rules{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,8rem);margin-top:clamp(4rem,8vw,8rem)}.bb-photo-rules ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--bb-line)}.bb-photo-rules li{padding:1rem 0;border-bottom:1px solid var(--bb-line);font-size:.84rem;line-height:1.55}.bb-final-rule{display:grid;grid-template-columns:8rem 1fr;gap:2rem;margin-top:clamp(5rem,10vw,10rem);padding:2.5rem 0;border-block:1px solid var(--bb-ink)}.bb-final-rule span{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.bb-final-rule p{max-width:32ch;font-family:var(--font-brand);font-size:clamp(2rem,4.5vw,4.7rem);letter-spacing:-.045em;line-height:1}@media(max-width:1050px){.bb-hero-main{grid-template-columns:1fr;align-items:start}.bb-hero-mark{width:min(100%,34rem);min-height:17rem;justify-self:end}.bb-page-grid{grid-template-columns:1fr}.bb-index{position:sticky;z-index:3;top:var(--nav-height);display:flex;width:100%;height:auto;gap:.5rem;padding:.6rem 1rem;overflow-x:auto;border-right:0;border-bottom:1px solid var(--bb-line);background:#fcf3e0f5}.bb-index>p{display:none}.bb-index nav{flex-direction:row;gap:.35rem}.bb-index a{display:block;padding:.55rem .75rem;border:1px solid var(--bb-line);border-radius:var(--radius-pill);white-space:nowrap}.bb-index a span{margin-right:.45rem}.bb-index a:hover,.bb-index a:focus-visible{padding-left:.75rem}.bb-section{scroll-margin-top:calc(var(--nav-height) + 3.5rem)}.bb-colour-strip{grid-template-columns:repeat(6,1fr)}.bb-swatch,.bb-swatch-1,.bb-swatch-2{grid-column:span 2}.bb-swatch-4,.bb-swatch-5{grid-column:span 3}.bb-swatch-4{border-left:0;border-top:1px solid var(--bb-line)}.bb-swatch-5{border-top:1px solid var(--bb-line)}}@media(max-width:740px){.bb-hero{min-height:auto}.bb-hero-main{gap:3.5rem}.bb-hero-mark{width:calc(100% - .8rem);min-height:13rem;box-shadow:.8rem .8rem 0 var(--bb-ink)}.bb-wordmark{font-size:clamp(3.5rem,19vw,6.5rem)!important}.bb-hero-summary{font-size:.96rem}.bb-scroll-cue{margin-top:2.5rem}.bb-section-heading{grid-template-columns:1fr}.bb-section-number{padding:0}.bb-principles,.bb-logo-showcase,.bb-logo-rules,.bb-colour-guidance,.bb-copy-compare,.bb-design-rules,.bb-photo-layout,.bb-photo-rules{grid-template-columns:1fr}.bb-principles>div:nth-child(2){margin-top:0}.bb-wordmark-stage+.bb-wordmark-stage,.bb-copy-dont{border-left:0;border-top:1px solid var(--bb-line)}.bb-type-specimens>div{grid-template-columns:1fr}.bb-colour-strip{display:block;min-height:0}.bb-swatch{grid-template-columns:7.5rem 1fr;grid-template-rows:auto;border:0!important;border-bottom:1px solid var(--bb-line)!important}.bb-swatch-colour{min-height:11rem}.bb-swatch-copy{min-height:11rem;border-top:0;border-left:1px solid var(--bb-line)}.bb-product-board{display:block;margin-right:.8rem;box-shadow:.8rem .8rem 0 var(--bb-orange)}.bb-board-source{border-right:0}.bb-board-route{overflow-x:auto}.bb-board-output{padding-bottom:5.5rem}.bb-final-rule{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.bb-index a{transition:none}}