/* An editorial reference page. Public-site tokens and fonts come from index.css. */
.brandbook{--bb-ink:var(--c-text-dark);--bb-muted:var(--c-grey-600);--bb-line:rgb(3 14 18 / .18);--bb-accent:var(--c-red-dark);font-weight:400}
.brandbook [hidden]{display:none!important}
.brandbook :is(h1,h2,h3,p,figure,dl){margin:0}
.brandbook a{color:inherit;text-underline-offset:5px}
.brandbook button{color:inherit;cursor:pointer}
.brandbook :is(a,button,input,select):focus-visible,.bb-motion:focus-visible{outline:2px solid var(--bb-accent);outline-offset:5px}
.bb-wrap{width:min(100%,1440px);margin-inline:auto;padding-inline:clamp(22px,5vw,80px)}
.bb-masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px}
.bb-name{display:block;font-size:14px;font-weight:600;letter-spacing:-.025em;text-decoration:none}
.bb-name span{display:block;margin-top:5px;font-size:10px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--bb-muted)}
.bb-tools{display:flex;gap:24px;align-items:center}
.bb-tools :is(a,button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0;border:0;background:none;font-size:12px;text-decoration:none;white-space:nowrap}
.bb-tools a:first-child{font-weight:700}
.bb-tools .bb-share-button{padding-inline:14px;background:var(--c-text-dark);color:var(--c-on-dark);border-radius:3px}
.bb-tools .bb-pdf-link{font-weight:500}
.bb-font-download{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:38px;padding-block:22px;border-block:1px solid var(--bb-line)}
.bb-font-download p{max-width:70ch;font-size:13px;line-height:1.8;color:var(--bb-muted)}
.bb-font-download a{flex:none;min-height:44px;font-size:15px;font-weight:500;text-decoration:none}
.bb-font-download small{display:block;margin-top:8px;font-size:10px;color:var(--bb-muted)}
.bb-downloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bb-downloads a{display:flex;flex-direction:column;gap:18px;min-width:0;padding:26px 24px;border:1px solid var(--bb-line);text-decoration:none;transition:translate .2s,border-color .2s}
.bb-downloads a:hover{translate:0 -3px;border-color:var(--bb-accent)}
.bb-download-kind{font-size:30px;font-weight:500;letter-spacing:-.05em}
.bb-downloads strong{font-size:18px;line-height:1.4;font-weight:500}
.bb-downloads small{font-size:11px;line-height:1.6;color:var(--bb-muted)}
.bb-downloads a>span:last-child{margin-top:auto;padding-top:10px;font-size:13px;color:var(--bb-accent)}
.brandbook .bb-download-note{max-width:85ch;margin:24px 0 44px;font-size:12px;line-height:1.8;color:var(--bb-muted)}
.bb-print{margin-bottom:38px}
@media(max-width:700px){.bb-font-download{flex-direction:column;align-items:flex-start;gap:20px}.bb-downloads{grid-template-columns:1fr}.bb-downloads a{padding:24px}.bb-masthead{align-items:flex-start}.bb-tools{min-width:0}}
.brandbook .bb-preview-notice{margin:12px auto 0;font-size:11px;line-height:1.7;color:var(--c-grey-600)}
.bb-share-fallback{padding-block:20px;font-size:12px;line-height:1.7}
.bb-share-fallback label{display:block;margin-top:12px}
.bb-share-fallback input{display:block;width:100%;max-width:600px;min-height:44px;margin-top:8px;padding:10px;border:1px solid var(--c-grey-500);background:var(--c-bg-cream-1);color:var(--c-text-dark);font:400 13px/1.5 var(--font-body)}
.bb-eyebrow{font-size:10px;font-weight:550;letter-spacing:.12em;line-height:1.5;text-transform:uppercase}
.bb-hand{font:400 clamp(18px,2.1vw,30px)/1.4 var(--font-hand);letter-spacing:0;font-kerning:normal}
.bb-cover{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);gap:0 7%;align-items:center;padding-block:55px 32px}
.bb-cover h1{position:relative;z-index:1;margin:32px 0 30px;font-size:clamp(46px,7.1vw,103px);font-weight:500;line-height:1.02;letter-spacing:-.05em;word-spacing:.055em}
.bb-cover h1 span{display:block}
.brandbook .bb-cover-intro{max-width:43ch;font-size:clamp(14px,1.2vw,17px);line-height:1.8;color:var(--bb-muted)}
.bb-explore{display:flex;align-items:center;gap:22px;width:fit-content;min-height:48px;margin-top:30px;font-size:12px;font-weight:500;text-decoration:none}
.bb-explore svg{width:42px;height:36px;color:var(--bb-accent);transition:translate .3s}
.bb-explore:hover svg{translate:0 4px}
.bb-cover-portrait{position:relative;align-self:start;rotate:2deg;padding-bottom:30px}
.bb-cover-portrait img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 30%;filter:contrast(1.04)}
.bb-cover-portrait figcaption{position:absolute;z-index:1;left:-12%;bottom:6%;max-width:100%;padding:12px 18px;background:var(--c-bg-cream-1);color:var(--c-text-dark);rotate:-8deg}
.bb-cover-portrait figcaption svg{display:block;width:95%;height:16px;color:var(--c-red-dark);margin-top:5px}
.bb-photo-index{position:absolute;right:0;bottom:7px;color:var(--bb-muted);font-size:9px;letter-spacing:.12em}
.brandbook .bb-cover-caption{grid-column:1/-1;margin-top:36px;font-size:11px;color:var(--bb-muted)}
.bb-index{position:sticky;top:0;z-index:10;background:var(--c-bg-cream-1);box-shadow:0 1px 0 var(--bb-line)}
.bb-index .bb-wrap{display:flex;justify-content:space-between;gap:20px;overflow-x:auto;scrollbar-width:thin}
.bb-index a{display:flex;align-items:center;gap:9px;min-height:62px;flex:none;font-size:12px;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}
.bb-index a span{font-size:9px;color:var(--c-grey-600)}
.bb-index a[aria-current],.bb-index a:hover{color:var(--c-red-dark);border-bottom-color:var(--c-red-dark)}
.bb-section{padding-block:clamp(64px,8vw,112px);scroll-margin-top:62px}
.bb-dark{--bb-ink:var(--c-on-dark);--bb-muted:var(--c-muted-on-dark);--bb-line:rgb(255 250 241 / .2);--bb-accent:var(--c-accent-on-dark);background:var(--c-text-dark);color:var(--bb-ink)}
.bb-heading{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:end;gap:8%;margin-bottom:48px}
.bb-heading .bb-eyebrow{margin-bottom:24px;color:var(--bb-accent)}
.bb-heading h2{font:500 clamp(30px,4.2vw,60px)/1.04 var(--font-body);letter-spacing:-.045em;word-spacing:.055em;overflow-wrap:break-word}
.bb-heading>p{max-width:39ch;font-size:15px;line-height:1.8;color:var(--bb-muted)}
.bb-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-block:60px}
.bb-principles .bb-hand{display:block;margin-bottom:22px;color:var(--bb-accent)}
.bb-principles h3{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.035em}
.bb-principles p{margin-top:15px;color:var(--bb-muted);font-size:14px;line-height:1.8}
.bb-signature .hero-section{padding:28px 18px 0;border-radius:2px}
.bb-signature .main-content{max-width:1100px;margin:auto}
.bb-signature figcaption{display:grid;grid-template-columns:1fr 1.5fr;gap:18px 48px;margin-top:28px}
.bb-signature strong{font-size:14px;font-weight:500}
.bb-signature figcaption p{max-width:65ch;font-size:12px;line-height:1.8;color:var(--bb-muted)}
.bb-signature figcaption p:last-child{grid-column:2}
.bb-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}
.bb-swatch:nth-child(-n+2){grid-column:span 2}
.bb-swatch-colour{height:150px;background:var(--swatch);padding:20px;box-shadow:inset 0 0 0 1px rgb(3 14 18 / .12);color:var(--c-text-dark)}
.bb-swatch:nth-child(-n+2) .bb-swatch-colour{height:210px}
.bb-swatch--ink .bb-swatch-colour,.bb-swatch--red-dark .bb-swatch-colour{color:var(--c-bg-cream-1)}
.bb-swatch-colour span{font:400 27px/1 var(--font-hand)}
.bb-swatch-meta{display:grid;grid-template-columns:1fr auto;gap:10px 8px;margin-top:18px}
.bb-swatch-meta h3{grid-column:1/-1;font-size:17px;font-weight:500;letter-spacing:-.025em}
.bb-swatch-meta p{grid-column:1/-1;min-height:3em;font-size:12px;line-height:1.6;color:var(--bb-muted)}
.bb-swatch-meta code{font-size:12px;align-self:center}
.bb-swatch-meta button{padding:6px 0;border:0;background:none;min-height:44px;text-align:right;font-size:10px}
.bb-swatch-meta small{grid-column:1/-1;font:10px/1.5 monospace;color:var(--bb-muted);overflow-wrap:anywhere}
.bb-colour-foot{display:flex;justify-content:space-between;align-items:start;gap:32px;margin-top:38px;padding-top:24px;border-top:1px solid var(--bb-line)}
.bb-colour-foot p{max-width:76ch;font-size:12px;line-height:1.8;color:var(--bb-muted)}
.bb-link-button{flex:none;min-height:44px;padding:8px 0;border:0;background:none;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.bb-type-pair{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin:56px 0}
.bb-type-pair article{min-width:0}
.bb-type-pair .bb-eyebrow{color:var(--bb-muted)}
.bb-type-pair h3{margin-block:28px 24px;min-height:160px}
.bb-manrope-name{font-size:clamp(42px,5vw,72px);line-height:1.1;font-weight:500;letter-spacing:-.055em}
.bb-manrope-name span{display:block;margin-top:12px;font-size:32px;color:var(--bb-muted)}
.bb-type-pair .bb-chalk-name{font-size:clamp(27px,4.4vw,55px);rotate:-4deg;transform-origin:left center;color:var(--bb-accent)}
.bb-type-pair article>p:last-child{max-width:46ch;font-size:13px;line-height:1.8;color:var(--bb-muted)}
.bb-type-lab{padding:28px;background:var(--c-raised-dark);border:1px solid var(--bb-line);border-radius:4px}
.bb-lab-controls{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(130px,.8fr) auto;gap:24px;align-items:end}
.bb-lab-controls label{display:flex;flex-direction:column;gap:10px;font-size:11px;color:var(--bb-muted);min-width:0}
.bb-lab-controls :is(input[type=text],select){width:100%;min-height:44px;padding:10px;color:var(--c-on-dark);background:var(--c-text-dark);border:1px solid rgb(255 250 241 / .35);border-radius:3px;font:400 12px var(--font-body)}
.bb-lab-controls option{color:var(--c-on-dark);background:var(--c-text-dark)}
.bb-lab-controls input[type=range]{width:100%;height:24px;margin:0;accent-color:var(--c-accent-on-dark)}
.bb-lab-controls [data-type-size-label]{font-size:12px;color:var(--c-on-dark)}
.bb-lab-controls button{min-height:44px;padding:0;border:0;background:none;font-size:11px}
.brandbook .bb-type-sample{--sample-size:64px;margin:34px 0;min-height:2.4em;font:500 var(--sample-size)/1.25 var(--font-body);letter-spacing:-.04em;overflow-wrap:anywhere;white-space:pre-wrap}
.brandbook .bb-type-sample[data-font=hand]{font-family:var(--font-hand);font-weight:400;letter-spacing:0;line-height:1.5}
.brandbook .bb-lab-note{font-size:10px;line-height:1.6;color:var(--bb-muted)}
.bb-scale{margin-top:36px}
.bb-scale>div{display:grid;grid-template-columns:100px minmax(0,1fr) 190px;align-items:center;gap:24px;padding:26px 0;border-bottom:1px solid var(--bb-line)}
.bb-scale .bb-eyebrow,.bb-scale code{font-size:10px;color:var(--bb-muted)}
.bb-scale p{font-size:16px;line-height:1.7}
.bb-scale>div:first-child p{font-size:34px;font-weight:500;letter-spacing:-.045em;line-height:1.04}
.bb-scale>div:last-child p{font:400 21px/1.5 var(--font-hand);color:var(--bb-accent)}
.bb-photography{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6%;align-items:start;padding-top:16px}
.bb-photography img{display:block;width:100%;height:auto}
.bb-photo-portrait{rotate:-2deg;transform-origin:center center}
.bb-photo-story>figure{rotate:1.5deg;transform-origin:center center}
.bb-photography figcaption{margin-top:12px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--bb-muted)}
.brandbook .bb-photo-note{width:fit-content;margin:38px 0 28px 6%;rotate:-3deg;color:var(--bb-accent)}
.bb-photo-note svg{display:block;width:92%;height:15px}
.bb-photo-rules{display:grid;gap:16px;padding:0;list-style:none;font-size:13px;line-height:1.8;color:var(--bb-muted)}
.bb-photo-rules li{position:relative;padding-left:20px}
.bb-photo-rules li:before{content:"/";position:absolute;left:0;color:var(--bb-accent)}
.bb-marks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-block:64px}
.bb-marks figure{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:32px;min-height:115px}
.bb-marks svg{width:100px;height:70px;color:var(--bb-accent)}
.bb-marks figure:nth-child(2) svg{width:90%;max-width:260px}
.bb-marks figcaption{font-size:11px;color:var(--bb-muted)}
.bb-motion-row{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;padding-block:30px 60px}
.bb-motion-row h3,.bb-composition-title,.bb-checklist h3{font-size:clamp(22px,2.5vw,32px);line-height:1.2;letter-spacing:-.04em;font-weight:500}
.bb-motion-row>div>p{margin-block:20px 24px;font-size:14px;line-height:1.8;color:var(--bb-muted)}
.bb-motion-row .bb-eyebrow{color:var(--bb-accent)}
.bb-motion{position:relative;padding:24px 12px;outline-offset:12px}
.bb-motion-paper{position:relative;max-width:350px;min-height:255px;margin:auto;padding:28px;background:var(--c-bg-cream-1);color:var(--c-text-dark);rotate:2deg;transition:transform .35s ease,rotate .35s ease;box-shadow:0 6px 18px rgb(0 0 0 / .1)}
.bb-motion-paper:before{content:"";position:absolute;inset:5px;background:var(--c-text-dark);opacity:.5;mask:url("../media/ink/pencil-frame.f51c6b4966e4.svg") center / 100% 100% no-repeat;pointer-events:none}
.bb-motion-paper>span{display:block;text-align:right;color:var(--c-red-dark)}
.bb-motion-paper strong{display:block;margin-top:25px;font-size:30px;font-weight:500;letter-spacing:-.04em;line-height:1.15}
.bb-motion-paper p{margin:18px 0 24px;font-size:13px}
.bb-motion-paper svg{display:block;margin-left:auto;width:62px;height:34px;color:var(--c-red-dark)}
.brandbook .bb-motion-note{position:relative;width:fit-content;margin:20px auto 0;font-size:20px;color:var(--bb-accent);rotate:-4deg;transition:rotate .35s ease}
.bb-motion:focus-visible .bb-motion-paper{rotate:0deg;transform:translateY(-4px)}
.bb-motion:focus-visible .bb-motion-note{rotate:0deg}
@media(hover:hover) and (pointer:fine){.bb-motion:hover .bb-motion-paper{rotate:0deg;transform:translateY(-4px)}.bb-motion:hover .bb-motion-note{rotate:0deg}}
.bb-composition{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:36px!important}
.bb-composition>div{display:flex;flex-direction:column-reverse;align-self:start;gap:18px}
.bb-composition dt{font-size:12px;line-height:1.6;color:var(--bb-muted)}
.bb-composition dd{margin:0;font-size:clamp(22px,2.7vw,38px);font-weight:400;letter-spacing:-.04em}
.bb-voice article{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:30px;border-bottom:1px solid var(--bb-line)}
.bb-voice .bb-eyebrow{color:var(--bb-muted);margin-bottom:20px}
.bb-voice article>div:first-child .bb-eyebrow{color:var(--bb-accent)}
.bb-voice p{font-size:clamp(20px,2vw,28px);line-height:1.4;font-weight:500;letter-spacing:-.035em}
.bb-voice article>div:last-child p{color:var(--c-grey-500);font-size:18px;font-weight:400;letter-spacing:-.01em}
.brandbook .bb-voice-note{max-width:36ch;margin:42px 0 0 auto;color:var(--bb-accent);rotate:-3deg}
.bb-mockups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px}
.bb-mockup{min-width:0}
.bb-mockup--featured{grid-column:1/-1}
.bb-mockup-image{position:relative;display:block;background:var(--c-raised-dark);overflow:hidden}
.bb-mockup-image picture,.bb-mockup-image img{display:block;width:100%;height:auto}
.bb-mockup-enlarge{position:absolute;right:14px;bottom:14px;max-width:calc(100% - 28px);padding:10px 14px;background:var(--c-text-dark);color:var(--c-on-dark);border:1px solid rgb(255 250 241 / .3);font-size:11px;line-height:1.5}
.bb-mockup-image:hover .bb-mockup-enlarge,.bb-mockup-image:focus-visible .bb-mockup-enlarge{color:var(--c-accent-on-dark)}
.bb-mockup figcaption{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-top:24px}
.bb-mockup .bb-eyebrow{color:var(--bb-accent);font-size:10px;margin-bottom:12px}
.bb-mockup h3{font-size:clamp(20px,2.2vw,30px);line-height:1.2;font-weight:500;letter-spacing:-.035em}
.bb-mockup .bb-mockup-body{margin-top:14px;max-width:66ch;font-size:13px;line-height:1.8;color:var(--bb-muted)}
.bb-mockup-download{flex:none;min-height:44px;font-size:12px;text-decoration:none;line-height:1.6}
.bb-mockup-download small,.bb-mockup-foot small{display:block;margin-top:8px;font-size:10px;color:var(--bb-muted)}
.bb-mockup-foot{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:50px;padding-top:28px;border-top:1px solid var(--bb-line)}
.bb-mockup-foot p{max-width:80ch;font-size:11px;line-height:1.8;color:var(--bb-muted)}
.bb-mockup-foot>a{flex:none;min-height:44px;font-size:14px;text-decoration:none}
.bb-assets{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.bb-assets a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding-block:25px;border-top:1px solid var(--bb-line);text-decoration:none}
.bb-assets strong{display:block;font-size:17px;font-weight:500;letter-spacing:-.02em;overflow-wrap:anywhere}
.bb-assets small{display:block;margin-top:7px;font-size:10px;letter-spacing:.04em;color:var(--bb-muted)}
.bb-asset-download{flex:none;font-size:11px;color:var(--bb-accent)}
.bb-assets a:hover strong{text-decoration:underline;text-underline-offset:5px}
.brandbook .bb-assets-note{max-width:94ch;margin:24px 0 52px;font-size:11px;line-height:1.8;color:var(--bb-muted)}
.bb-checklist{display:grid;grid-template-columns:1fr 1.5fr;gap:10%;padding-top:40px;border-top:1px solid var(--bb-line)}
.bb-checklist ul{margin:0;padding:0;display:grid;gap:18px;list-style:none}
.bb-checklist li{display:flex;gap:22px;font-size:13px;line-height:1.7}
.bb-checklist li span{flex:none;font:400 16px/1.7 var(--font-hand);color:var(--bb-accent)}
.bb-end{margin-top:90px}
.bb-end>p{font:500 clamp(28px,4.5vw,64px)/1.08 var(--font-body);letter-spacing:-.045em}
.bb-end>div{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:50px;font-size:10px;color:var(--bb-muted)}
.bb-end a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.bb-toast{position:fixed;z-index:20;left:50%;bottom:24px;translate:-50% 0;max-width:calc(100% - 32px);width:max-content;padding:14px 22px;background:var(--c-bg-cream-1);color:var(--c-text-dark);border:1px solid var(--c-text-dark);box-shadow:0 8px 30px rgb(0 0 0 / .12);font-size:12px;line-height:1.6;border-radius:4px;pointer-events:none}
.bb-toast:empty{display:none}
@media(min-width:1500px){.bb-cover{padding-top:70px;padding-bottom:48px}}
@media(max-width:1000px){
 .bb-cover{gap:0 5%}.bb-cover h1{font-size:clamp(44px,7.1vw,74px)}
 .bb-heading{grid-template-columns:1.2fr 1fr;gap:6%}.bb-heading>p{font-size:13px}
 .bb-palette{grid-template-columns:1fr 1fr}.bb-swatch:nth-child(-n+2){grid-column:auto}
 .bb-colour-foot{flex-direction:column;gap:16px}.bb-principles{gap:26px}
 .bb-lab-controls{grid-template-columns:1.3fr 1fr}.bb-scale>div{grid-template-columns:70px 1fr;gap:18px}.bb-scale code{grid-column:2}
 .bb-type-pair h3{min-height:140px}.bb-assets{gap:0 28px}
 .bb-motion-row{gap:6%}.bb-motion-note{font-size:17px!important}
 .bb-mockup figcaption{flex-direction:column;gap:18px}.bb-mockup--featured figcaption{flex-direction:row}.bb-mockup-foot{gap:28px}
}
@media(max-width:700px){
 .bb-masthead{align-items:start;padding-block:18px;gap:12px}.bb-name{font-size:12px;max-width:145px}.bb-name span{font-size:8px}
 .bb-tools{gap:8px 12px;flex-wrap:wrap;justify-content:flex-end}.bb-tools :is(a,button){font-size:10px}.bb-tools [data-brand-print]{display:none}.bb-tools .bb-share-button{padding-inline:10px}
 .bb-cover{grid-template-columns:1fr;padding-top:34px}.bb-cover h1{font-size:clamp(48px,11.8vw,80px);margin-block:24px}
 .bb-cover-intro{max-width:42ch!important}.bb-cover-portrait{width:73%;max-width:370px;margin:36px 2% 0 auto!important}
 .bb-cover-portrait figcaption{left:-16%;font-size:clamp(17px,4.7vw,28px)}.bb-cover-caption{max-width:33ch;line-height:1.7}
 .bb-index .bb-wrap{padding-inline:22px;gap:25px}.bb-index a{min-height:54px;font-size:11px}.bb-section{scroll-margin-top:54px}
 .bb-heading{grid-template-columns:1fr;gap:24px;margin-bottom:34px}.bb-heading h2{font-size:clamp(29px,7.6vw,48px)}.bb-heading>p{font-size:14px;max-width:48ch}
 .bb-principles{grid-template-columns:1fr;gap:30px;margin-block:36px}.bb-principles article{position:relative;padding-left:54px}.bb-principles .bb-hand{position:absolute;left:0;top:2px;font-size:24px}.bb-principles p{margin-top:10px}
 .bb-signature .hero-section{padding:12px 4px 0}.bb-signature figcaption{grid-template-columns:1fr;gap:14px}.bb-signature figcaption p:last-child{grid-column:auto}
 .bb-palette{gap:26px 14px}.bb-swatch-colour,.bb-swatch:nth-child(-n+2) .bb-swatch-colour{height:130px;padding:15px}.bb-swatch-meta{gap:9px;grid-template-columns:1fr}.bb-swatch-meta h3{font-size:15px}.bb-swatch-meta p{font-size:11px;min-height:4.8em}.bb-swatch-meta button{text-align:left;grid-column:1;padding:0;min-height:44px}.bb-swatch-meta code{font-size:11px}.bb-swatch-meta small{font-size:8px}
 .bb-type-pair{grid-template-columns:1fr;gap:40px;margin-block:36px}.bb-type-pair h3{min-height:0}.bb-type-pair .bb-chalk-name{font-size:38px}.bb-manrope-name{font-size:56px}
 .bb-type-lab{padding:20px 16px}.bb-lab-controls{gap:20px 16px;grid-template-columns:1fr 1fr}.bb-lab-text{grid-column:1/-1}.bb-lab-controls button{justify-self:start}.brandbook .bb-type-sample{min-height:3.2em;margin-block:30px}
 .bb-scale>div{grid-template-columns:1fr;gap:14px}.bb-scale code{grid-column:1}.bb-scale>div:first-child p{font-size:30px}
 .bb-photography{grid-template-columns:1fr;gap:36px}.bb-photo-portrait{width:78%;margin-inline:auto!important}.bb-photo-story>figure{width:94%;margin-inline:auto!important}.bb-photo-note{font-size:22px}
 .bb-marks{gap:18px;margin-block:44px}.bb-marks svg{width:65px;height:55px}.bb-marks figure{gap:20px;min-height:100px}.bb-marks figcaption{font-size:10px}
 .bb-motion-row{grid-template-columns:1fr;gap:24px}.bb-motion{padding-inline:16px}.bb-composition{grid-template-columns:1fr 1fr;gap:28px 20px}
 .bb-voice article{grid-template-columns:1fr;gap:26px}.bb-voice p{font-size:24px}.bb-voice article>div:last-child p{font-size:15px}.bb-voice .bb-eyebrow{margin-bottom:12px}.bb-voice-note{font-size:23px}
 .bb-assets{grid-template-columns:1fr}.bb-assets strong{font-size:16px}.bb-checklist{grid-template-columns:1fr;gap:30px}.bb-end{margin-top:64px}.bb-end>div{align-items:start;line-height:1.8}.bb-end>div>span{max-width:24ch}
 .bb-mockups{grid-template-columns:1fr;gap:38px}.bb-mockup--featured figcaption{flex-direction:column}.bb-mockup figcaption{margin-top:20px}.bb-mockup-enlarge{font-size:10px;padding:8px 12px}.bb-mockup-foot{flex-direction:column;align-items:start;gap:24px;margin-top:36px}
}
@media(prefers-reduced-motion:reduce){
 .brandbook{scroll-behavior:auto}.brandbook *{scroll-behavior:auto}
 .bb-motion .bb-motion-paper,.bb-motion .bb-motion-note{transition:none;rotate:0deg!important;transform:none!important}
 .bb-explore svg{transition:none;translate:none!important}
}
@media print{
 @page{size:A4 portrait;margin:14mm}
 .brandbook{height:auto!important;overflow:visible!important;background:white;color:#030e12;font-size:10pt;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .bb-wrap{padding:0;max-width:none}.bb-masthead{padding:0 0 20px}.bb-tools,.bb-index,.bb-explore,.bb-toast,.skip-link,.bb-preview-notice,.bb-share-fallback,[data-brand-enhancement],.bb-end a{display:none!important}
 .bb-cover{padding:24px 0;min-height:0}.bb-cover h1{font-size:48pt}.bb-cover-portrait{rotate:0deg}.bb-cover-caption{margin-top:25px!important}
 .bb-section{padding:25px 0;break-before:page;scroll-margin-top:0}.bb-dark{--bb-ink:#030e12;--bb-muted:#484848;--bb-line:#c4c4c4;--bb-accent:#b10000;background:white;color:#030e12}
 .bb-heading{gap:24px;margin-bottom:28px}.bb-heading h2{font-size:28pt}.bb-heading>p{font-size:10pt}
 .bb-principles{margin-block:28px}.bb-principles p,.bb-photo-rules{font-size:9pt}.bb-principles h3{font-size:14pt}
 .bb-signature,.bb-type-lab,.bb-photography figure,.bb-voice article,.bb-checklist,.bb-assets a{break-inside:avoid}
 .bb-type-lab{background:#fffaf1}.bb-type-sample{font-size:36pt!important}.bb-type-pair{margin:28px 0}.bb-type-pair h3{min-height:100px;font-size:38pt}.bb-type-pair .bb-chalk-name{font-size:27pt}
 .bb-marks{margin-block:24px}.bb-motion-row{padding-block:10px 30px}.bb-end{margin-top:30px}.bb-end>p{font-size:28pt}
 .bb-mockups{display:block}.bb-mockup{break-inside:avoid;margin-bottom:28px!important}.bb-mockup-enlarge{display:none}.bb-mockup img{max-height:135mm;object-fit:contain}.bb-mockup figcaption{margin-top:14px}.bb-mockup-foot{display:block}.bb-mockup-foot>a{display:none}
}