/* Public brand guide. Scoped to this page; no decorative background grid. */
.bk { --bk-shadow:var(--brand-shadow-hard); overflow-wrap:break-word; }
.bk-wrap { width:92vw; max-width:90rem; margin-inline:auto; }
.bk-hero { display:grid; grid-template-columns:1.12fr 1fr; gap:6%; align-items:center; padding-block:3.5rem 5rem; }
.bk-back { display:inline-block; margin-bottom:2.6rem; color:var(--brand-muted); font-size:.85rem; }
.bk .eyebrow { margin:0 0 1.1rem; color:var(--brand-red-dark); }
.bk h1 { margin:0 0 1.5rem; font-size:clamp(3rem,5.9vw,6.3rem); font-family:var(--brand-font-display),sans-serif; font-weight:800; }
.bk-lead { max-width:37rem; font-size:clamp(1.05rem,1.45vw,1.3rem); line-height:1.6; }
.bk-actions { display:flex; gap:1.2rem 1.6rem; flex-wrap:wrap; align-items:center; margin-top:2rem; }
.bk-link { display:inline-block; text-decoration:underline; text-underline-offset:5px; font-weight:650; padding-block:.6rem; }
.bk-meta { font-size:.78rem; color:var(--brand-muted); margin-top:1rem; line-height:1.6; }
.bk-cover { background:var(--brand-red); color:var(--brand-paper); border:1px solid var(--brand-ink); border-radius:var(--brand-card-radius); box-shadow:var(--brand-shadow-hard); padding:2rem; display:flex; flex-direction:column; justify-content:space-between; gap:2.5rem; min-width:0; }
.bk-cover img { width:56%; max-width:19rem; height:auto; align-self:center; margin-block:1.2rem; }
.bk-cover-top,.bk-cover-bottom { display:flex; justify-content:space-between; align-items:start; gap:1rem; }
.bk-cover-top { font-size:.72rem; letter-spacing:.1em; }
.bk-cover-top > :first-child { font-weight:800; font-size:1rem; }
.bk-cover-bottom > :first-child { font-family:var(--brand-font-handwritten),cursive; font-size:clamp(1.75rem,2.4vw,2.6rem); line-height:1.1; }
.bk-cover-bottom > :last-child { font-size:.65rem; letter-spacing:.12em; line-height:1.8; text-align:right; }
.bk-nav { border-block:1px solid var(--brand-line); background:var(--brand-paper); }
.bk-nav > div { display:flex; flex-wrap:wrap; gap:.2rem 1.6rem; padding-block:.7rem; }
.bk-nav a { min-height:var(--brand-minimum-target); display:flex; align-items:center; font-size:.85rem; font-weight:650; }
.bk-nav a:hover,.bk-link:hover { color:var(--brand-red-dark); }
.bk-section,.bk-rules,.bk-type,.bk-files { padding-block:clamp(3.5rem,6vw,6rem); }
.bk section[id] { scroll-margin-top:6.5rem; }
.bk-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:3rem; align-items:end; margin-bottom:2.4rem; }
.bk h2 { font-size:clamp(2.1rem,4.1vw,4.5rem); margin:0; }
.bk-heading > p { max-width:34rem; margin:0; color:var(--brand-muted); }
.bk-tone-controls { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; margin-bottom:1.5rem; }
.bk-tone-controls > span { color:var(--brand-muted); font-size:.85rem; margin-right:.4rem; }
.bk-tone-controls button { display:flex; align-items:center; gap:.5rem; min-height:var(--brand-minimum-target); border:1px solid var(--brand-line); background:var(--brand-paper); border-radius:var(--brand-radius-pill); padding:.6rem .9rem; color:var(--brand-ink); font:inherit; font-size:.85rem; cursor:pointer; }
.bk-tone-controls button[aria-pressed=true] { border-color:var(--brand-ink); box-shadow:var(--brand-shadow-hard); }
.bk-dot { width:1rem; height:1rem; border-radius:50%; border:1px solid color-mix(in srgb,var(--brand-ink) 27%,transparent); }
.bk-tone-red { background:var(--brand-red); }.bk-tone-ink { background:var(--brand-ink); }.bk-tone-cream { background:var(--brand-paper); }.bk-tone-white { background:var(--brand-neutral-white); }.bk-tone-black { background:var(--brand-neutral-black); }
.bk-logo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.4rem; }
.bk-logo-card { border:1px solid var(--brand-ink); border-radius:var(--brand-card-radius); background:var(--brand-paper); box-shadow:var(--bk-shadow); overflow:hidden; display:flex; flex-direction:column; }
.bk-logo-stage { background:var(--brand-cream); min-height:17rem; display:flex; align-items:center; justify-content:center; padding:2.2rem; }
.bk-logo-stage--dark { background:var(--brand-ink); }
.bk-logo-stage img { width:84%; height:12rem; object-fit:contain; }
.bk-logo-stage--symbol img { width:9.5rem; height:9.5rem; }
.bk-logo-stage--stacked img { width:10rem; height:12rem; }
.bk-card-copy { padding:1.5rem; display:flex; justify-content:space-between; gap:1.2rem; align-items:start; border-top:1px solid var(--brand-line); flex:1; }
.bk h3 { margin:0 0 .5rem; font-size:1.25rem; line-height:1.3; }
.bk-card-copy p { max-width:24rem; margin:0; color:var(--brand-muted); font-size:.9rem; }
.bk-downloads { display:flex; flex-wrap:wrap; gap:.4rem 1.3rem; align-items:center; }
.bk-downloads a { display:inline-flex; min-height:var(--brand-minimum-target); align-items:center; text-decoration:underline; text-underline-offset:4px; font-size:.85rem; font-weight:650; }
.bk-card-copy .bk-downloads { min-width:6.5rem; flex-direction:column; gap:0; align-items:start; }
.bk-note { color:var(--brand-muted); font-size:.88rem; margin:1.5rem 0 0; max-width:66rem; line-height:1.65; }
.bk-rules { background:var(--brand-ink); color:var(--brand-paper); }
.bk-rules .eyebrow { color:var(--brand-peach); }.bk-rules .bk-heading > p,.bk-rules .bk-note { color:var(--brand-on-dark-muted); }
.bk-rule-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; }
.bk-clearspace { background:var(--brand-paper); color:var(--brand-ink); margin:0; border-radius:var(--brand-card-radius); padding:2rem; display:flex; flex-direction:column; justify-content:space-between; }
.bk-clearspace-art { display:flex; justify-content:center; align-items:center; gap:.6rem; padding-block:.5rem 2rem; }
.bk-clearspace-art > div { padding:20px; border:1px dashed var(--brand-red); }
.bk-clearspace-art img { display:block; outline:1px solid color-mix(in srgb,var(--brand-red) 33%,transparent); width:160px; height:160px; }
.bk-clearspace-art > span { font-size:.8rem; color:var(--brand-red-dark); white-space:nowrap; }
.bk-clearspace figcaption { font-size:.85rem; line-height:1.7; }
.bk-sizes { padding:1.5rem 2rem; border:1px solid color-mix(in srgb,var(--brand-paper) 30%,transparent); border-radius:var(--brand-card-radius); }
.bk-sizes h3 { font-size:1.6rem; }.bk-sizes dl { margin-block:1.5rem; }.bk-sizes dl > div { border-top:1px solid color-mix(in srgb,var(--brand-paper) 27%,transparent); padding-block:1rem; }
.bk-sizes dt { font-size:.8rem; color:var(--brand-on-dark-muted); }.bk-sizes dd { display:flex; gap:1.25rem; flex-wrap:wrap; align-items:baseline; margin:.4rem 0 0; }
.bk-sizes b { font:700 2rem var(--brand-font-display),sans-serif; }.bk-sizes span,.bk-sizes p { font-size:.85rem; }
.bk-donts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-top:2rem; }
.bk-donts figure { background:var(--brand-paper); color:var(--brand-ink); border-radius:var(--brand-card-radius); margin:0; padding:1rem; }
.bk-donts figure > div { height:7rem; display:flex; justify-content:center; align-items:center; }
.bk-donts img { object-fit:contain; }.bk-distorted { transform:scaleX(1.5) scaleY(.7); }.bk-rotated { transform:rotate(-25deg); }.bk-shadowed { filter:drop-shadow(var(--brand-shadow-small)); }
.bk-cropped { width:70px; height:70px; border-radius:50%; overflow:hidden; display:block; }.bk-cropped img { max-width:none; margin:-15px; }
.bk-donts figcaption { font-size:.85rem; }.bk-donts figcaption span { color:var(--brand-red); font-weight:800; margin-right:.4rem; }
.bk-palette { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.2rem; }
.bk-color { border:1px solid var(--brand-ink); border-radius:var(--brand-card-radius); overflow:hidden; background:var(--brand-paper); display:flex; flex-direction:column; box-shadow:var(--brand-shadow-hard); }
.bk-color-swatch { padding:1.2rem; min-height:8rem; font:700 3.5rem var(--brand-font-display),sans-serif; display:flex; align-items:end; border-bottom:1px solid var(--brand-line); }
.bk-color-red { background:var(--brand-red); color:var(--brand-paper); }.bk-color-ink { background:var(--brand-ink); color:var(--brand-paper); }.bk-color-cream { background:var(--brand-cream); color:var(--brand-ink); }.bk-color-paper { background:var(--brand-paper); color:var(--brand-ink); }.bk-color-redDark { background:var(--brand-red-dark); color:var(--brand-paper); }.bk-color-muted { background:var(--brand-muted); color:var(--brand-paper); }.bk-color-peach { background:var(--brand-peach); color:var(--brand-ink); }.bk-color-sage { background:var(--brand-sage); color:var(--brand-ink); }
.bk-color-copy { padding:1.2rem; display:flex; flex-direction:column; flex:1; }.bk-color-copy h3 { font-size:1rem; }.bk-color-copy p { font-size:.8rem; color:var(--brand-muted); margin:0 0 .8rem; flex:1; }.bk-color-copy code { font-size:.85rem; font-family:var(--brand-font-code); }.bk-color-copy button { align-self:start; border:0; background:none; color:var(--brand-red-dark); padding:.65rem 0 0; font:inherit; font-size:.75rem; min-height:var(--brand-minimum-target); cursor:pointer; text-decoration:underline; }
.bk-type { background:var(--brand-paper); border-block:1px solid var(--brand-line); }
.bk-type-input { display:block; font-size:.85rem; max-width:40rem; margin-bottom:2rem; }
.bk-type-input input { width:100%; border:1px solid var(--brand-ink); border-radius:var(--brand-control-radius); padding:1rem; font:inherit; font-size:1rem; color:var(--brand-ink); background:var(--brand-cream); display:block; margin-top:.5rem; }
.bk-type-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 3rem; }
.bk-type-grid article { border-top:1px solid var(--brand-ink); padding-block:1.5rem; min-width:0; display:flex; flex-direction:column; }
.bk-type-label { font-size:.65rem; letter-spacing:.07em; min-height:1.2rem; }
.bk-type-grid [data-type-sample] { font-size:clamp(1.7rem,2.5vw,2.8rem); line-height:1.2; min-height:5.6rem; margin-block:1.4rem; overflow-wrap:anywhere; }
.bk-type-display { font-family:var(--brand-font-display),sans-serif; font-weight:800; letter-spacing:-.04em; }.bk-type-serif { font-family:var(--brand-font-accent),serif; font-style:italic; }.bk-type-hand { font-family:var(--brand-font-handwritten),cursive; color:var(--brand-red-dark); }.bk-type-grid .bk-type-hand { font-size:clamp(2.3rem,3.5vw,3.6rem); }.bk-type-body { font-family:var(--brand-font-body),sans-serif; }
.bk-type-grid article > p:not([data-type-sample]) { font-size:.9rem; color:var(--brand-muted); margin:0 0 1rem; flex:1; }.bk-type-grid small { font-size:.8rem; color:var(--brand-muted); }
.bk-font-footer { border-top:1px solid var(--brand-line); padding-top:1rem; }.bk-font-footer strong { font-style:normal; font-variant-numeric:tabular-nums; white-space:nowrap; }
.bk-mascot { display:grid; grid-template-columns:1fr 1.1fr; gap:6%; align-items:center; }
.bk-mascot-art { background:var(--brand-peach); border-radius:var(--brand-card-radius); padding:1.5rem; position:relative; }
.bk-mascot-art img { display:block; width:100%; height:auto; max-height:30rem; object-fit:contain; }
.bk-mascot-art > span { display:block; text-align:center; font-family:var(--brand-font-handwritten),cursive; color:var(--brand-red-dark); font-size:1.8rem; line-height:1.2; padding-bottom:1rem; }
.bk-list { padding-left:1.2rem; color:var(--brand-muted); font-size:.95rem; }.bk-list li { padding-left:.3rem; margin-bottom:1rem; }
.bk-files { background:var(--brand-peach); }
.bk-file-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.4rem; }
.bk-file-card { background:var(--brand-paper); border:1px solid var(--brand-ink); border-radius:var(--brand-card-radius); box-shadow:var(--bk-shadow); padding:1.8rem; display:flex; flex-direction:column; }
.bk-file-card:hover { transform:translate(-1px,-1px); box-shadow:var(--brand-shadow-hard); }
.bk-file-format { display:flex; justify-content:space-between; font:700 2rem var(--brand-font-display),sans-serif; color:var(--brand-red); margin-bottom:2rem; }.bk-file-format > span { font-weight:400; }.bk-file-card h3 { font-size:1.6rem; }.bk-file-card p { color:var(--brand-muted); margin:.5rem 0 1.5rem; flex:1; }.bk-file-card small { font-size:.8rem; color:var(--brand-muted); }
.bk h3.bk-template-title { margin:3rem 0 1.2rem; font-size:1.5rem; }
.bk-template-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1rem; }
.bk-template-grid a { min-width:0; }.bk-template-preview { display:flex; align-items:center; justify-content:center; height:14rem; background:var(--brand-cream); border:1px solid var(--brand-line); padding:1.2rem; border-radius:var(--brand-control-radius); }.bk-template-preview img { width:100%; height:100%; object-fit:contain; }.bk-template-grid strong { display:flex; justify-content:space-between; padding-top:.8rem; font-size:.95rem; }.bk-template-grid small { font-size:.75rem; color:var(--brand-muted); }
@media(max-width:64rem) {
.bk-hero { gap:2rem; }.bk h1 { font-size:clamp(2.8rem,6vw,4.5rem); }.bk-cover { padding:1.5rem; gap:1.5rem; }.bk-back { margin-bottom:1.5rem; }
.bk-card-copy { flex-direction:column; }.bk-card-copy .bk-downloads { flex-direction:row; gap:1.5rem; }
.bk-palette { grid-template-columns:repeat(2,minmax(0,1fr)); }.bk-template-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:44rem) {
.bk-hero { grid-template-columns:1fr; padding-top:1.75rem; gap:2.5rem; }.bk h1 { font-size:clamp(2.75rem,10.5vw,4rem); }.bk-cover { max-width:34rem; width:100%; }.bk-cover img { width:45%; margin:0; }.bk-cover-bottom > :first-child { font-size:2rem; }
.bk-nav > div { gap:0 1.2rem; }.bk-nav a { font-size:.75rem; }
.bk-heading { grid-template-columns:1fr; gap:1.3rem; }.bk h2 { font-size:clamp(2.2rem,8vw,3.5rem); }
.bk-logo-grid,.bk-rule-grid,.bk-type-grid,.bk-mascot,.bk-file-grid { grid-template-columns:1fr; }.bk-logo-stage { min-height:14rem; padding:1.5rem; }.bk-logo-stage img { height:10rem; }.bk-logo-stage--symbol img { height:8rem; }
.bk-tone-controls > span { flex-basis:100%; }.bk-tone-controls { gap:.5rem; }.bk-tone-controls button { font-size:.8rem; padding:.5rem .75rem; }
.bk-card-copy { padding:1.2rem; }.bk-clearspace,.bk-sizes { padding:1.4rem; }.bk-donts { grid-template-columns:repeat(2,minmax(0,1fr)); }.bk-donts figure { padding:.85rem; }.bk-donts figcaption { font-size:.75rem; }
.bk-palette { gap:1rem; }.bk-color-copy { padding:.9rem; }.bk-color-copy h3 { font-size:.9rem; }.bk-color-swatch { min-height:7rem; }.bk-type-grid [data-type-sample] { min-height:0; }
.bk-font-footer strong { white-space:normal; }.bk-mascot { gap:2rem; }.bk-mascot-art img { max-height:23rem; }.bk-template-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.bk-template-preview { height:12rem; }.bk-file-card { padding:1.4rem; }
}
@media(prefers-reduced-motion:reduce) { .bk-file-card:hover { transform:none; } }

/* Character guide: bounded scenes, deliberate playback, original approved art. */
.bk-mascot { display:block; }
.bk-mascot-intro { display:grid; grid-template-columns:1fr 1.1fr; gap:6%; align-items:center; }
.bk-mascot-intro > div { min-width:0; }
.bk-mascot-intro .button { margin-top:1.5rem; }
.bk-mascot-facts { display:flex; flex-wrap:wrap; gap:1rem 1.5rem; border-top:1px solid var(--brand-line); padding-top:1.25rem; margin-top:1.5rem; }
.bk-mascot-facts span { font-size:.78rem; color:var(--brand-muted); }
.bk-mascot-facts b { display:block; font:800 1.8rem var(--brand-font-display),sans-serif; color:var(--brand-ink); }
.bk-mascot-subhead { margin:4rem 0 1.5rem; max-width:49rem; }
.bk .bk-mascot-subhead h3 { font-size:clamp(1.8rem,3vw,3.2rem); letter-spacing:-.035em; }
.bk-mascot-subhead > p:last-child { color:var(--brand-muted); max-width:41rem; }
.bk-character-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.2rem; }
.bk-character-grid article { padding:1.5rem; background:var(--brand-paper); border:1px solid var(--brand-ink); border-radius:var(--brand-card-radius); box-shadow:var(--bk-shadow); }
.bk-character-grid article > span,.bk-voice-grid article > span { color:var(--brand-red-dark); font-size:.72rem; font-weight:700; }
.bk-mascot h4 { font:750 1.1rem/1.35 var(--brand-font-display),sans-serif; margin:.9rem 0 .7rem; }
.bk-character-grid p,.bk-mascot-rules p,.bk-placement figcaption p { font-size:.9rem; color:var(--brand-muted); margin:0; }
.bk-motion { display:grid; grid-template-columns:1.08fr 1fr; border:1px solid var(--brand-ink); border-radius:var(--brand-card-radius); overflow:hidden; box-shadow:var(--bk-shadow); background:var(--brand-paper); }
.bk-motion-preview { display:flex; flex-direction:column; min-width:0; border-right:1px solid var(--brand-line); }
.bk-motion-stage { position:relative; isolation:isolate; display:grid; place-items:center; background:var(--brand-cream); flex:1; min-height:23rem; overflow:hidden; }
.bk-motion-stage[data-surface=peach] { background:var(--brand-peach); }
.bk-motion-stage[data-surface=ink] { background:var(--brand-ink); }
.bk-motion-stage[data-surface=ink]::before { content:""; position:absolute; inset:3.25rem 5% 1rem; background:var(--brand-paper); border-radius:var(--brand-card-radius); z-index:-1; }
.bk-motion-label { position:absolute; top:1.2rem; left:1.5rem; right:1rem; font-size:.65rem; letter-spacing:.08em; text-transform:uppercase; color:var(--brand-muted); }
.bk-motion-stage[data-surface=ink] .bk-motion-label { color:var(--brand-paper); }
.bk-motion-stage canvas { width:100%; height:auto; aspect-ratio:4/3; max-height:32rem; object-fit:contain; display:block; }
.bk-motion-stage canvas[hidden],.bk-motion-stage img[hidden] { display:none; }
.bk-motion-stage > img { width:80%; height:23rem; object-fit:contain; padding:2.5rem 1rem 1rem; }
.bk-motion-ground { position:absolute; bottom:7%; left:12%; right:12%; height:1px; background:color-mix(in srgb,var(--brand-muted) 20%,transparent); z-index:-1; }
.bk-surface-controls { display:flex; flex-wrap:wrap; gap:.45rem; align-items:center; padding:1rem; border-top:1px solid var(--brand-line); }
.bk-surface-controls > span { flex-basis:100%; font-size:.7rem; color:var(--brand-muted); }
.bk-surface-controls button,.bk-scene-controls button,.bk-frame-next { border:1px solid var(--brand-line); background:var(--brand-paper); color:var(--brand-ink); border-radius:var(--brand-control-radius); min-height:var(--brand-minimum-target); padding:.6rem .8rem; font:600 .78rem/1.3 var(--brand-font-body),sans-serif; cursor:pointer; }
.bk-surface-controls button[aria-pressed=true],.bk-scene-controls button[aria-pressed=true] { background:var(--brand-ink); border-color:var(--brand-ink); color:var(--brand-paper); }
.bk-motion-console { padding:clamp(1.3rem,2.5vw,2.5rem); display:flex; flex-direction:column; min-width:0; }
.bk-scene-controls { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1.75rem; }
.bk-scene-copy { flex:1; }
.bk-scene-copy .eyebrow { font-size:.65rem; margin-bottom:.6rem; }
.bk-mascot .bk-scene-copy h4 { font-size:clamp(1.5rem,2.3vw,2.2rem); margin:0 0 .75rem; }
.bk-scene-copy > p:last-child { color:var(--brand-muted); margin:0 0 1.5rem; min-height:5em; }
.bk-play-row { display:flex; flex-wrap:wrap; gap:.75rem; margin-bottom:1.5rem; }
.bk-play-row { --ff-button-font-size:.82rem; }
.bk-frame-next { background:transparent; border-color:var(--brand-ink); }
.bk-player-controls input { display:block; width:100%; min-height:var(--brand-minimum-target); margin:0; accent-color:var(--brand-red); cursor:pointer; }
.bk-frame-label { display:flex; justify-content:space-between; font-size:.8rem; }
.bk-frame-label output { font-variant-numeric:tabular-nums; }
.bk-player-status { font-size:.76rem; color:var(--brand-muted); min-height:2.5em; margin:.4rem 0 .8rem; }
.bk-player-controls button:disabled { opacity:.55; cursor:default; }
.bk [data-mascot-controls][hidden] { display:none; }
.bk-placement-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.4rem; }
.bk-placement { margin:0; border:1px solid var(--brand-ink); border-radius:var(--brand-card-radius); overflow:hidden; box-shadow:var(--bk-shadow); background:var(--brand-paper); display:flex; flex-direction:column; }
.bk-placement-example { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:.8rem; padding:2rem 1.5rem 0; min-height:17rem; background:var(--brand-peach); }
.bk-placement-example > div:not(.bk-mascot-mat) { align-self:start; padding-bottom:1.5rem; }
.bk-placement-example .eyebrow { font-size:.62rem; }
.bk-placement-example p { font:750 clamp(1.5rem,2.3vw,2.3rem)/1.1 var(--brand-font-display),sans-serif; margin:1rem 0; letter-spacing:-.04em; }
.bk-hand-note { font:1.55rem/1.2 var(--brand-font-handwritten),cursive; display:block; }
.bk-placement-example > img { width:100%; height:auto; display:block; }
.bk-placement-example--dark { background:var(--brand-ink); color:var(--brand-paper); padding:1.5rem; align-items:center; }
.bk-placement-example--dark .eyebrow { color:var(--brand-peach); }
.bk-placement-example--dark > div:not(.bk-mascot-mat) { align-self:center; padding:0; }
.bk-mascot-mat { background:var(--brand-paper); border-radius:var(--brand-card-radius); padding:.7rem; }
.bk-mascot-mat img { width:100%; height:auto; display:block; }
.bk-placement figcaption { padding:1.5rem; border-top:1px solid var(--brand-line); flex:1; }
.bk-placement figcaption strong { display:block; font-size:1rem; margin-bottom:.65rem; }
.bk-mascot-rules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; margin-top:2rem; }
.bk-mascot-rules > div { border-top:1px solid var(--brand-ink); padding-top:.6rem; }
.bk-voice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.4rem; }
.bk-voice-grid article { border:1px solid var(--brand-line); background:var(--brand-paper); border-radius:var(--brand-card-radius); padding:1.5rem; display:flex; flex-direction:column; }
.bk-voice-grid blockquote { font:500 clamp(1.55rem,2.4vw,2.2rem)/1.25 var(--brand-font-handwritten),cursive; margin:1.2rem 0; flex:1; }
.bk-voice-grid p { border-top:1px solid var(--brand-line); padding-top:1rem; font-size:.8rem; color:var(--brand-muted); margin:0; }
.bk-mascot-library { border-block:1px solid var(--brand-ink); margin-top:3rem; }
.bk-mascot-library summary { padding:1.5rem .2rem; font-weight:700; cursor:pointer; }
.bk-mascot-library summary > span { display:block; padding:.5rem 0 0 1.2rem; font-size:.8rem; font-weight:400; color:var(--brand-muted); }
.bk-asset-list > div { display:flex; gap:1rem; align-items:center; justify-content:space-between; padding:1rem .2rem; border-top:1px solid var(--brand-line); }
.bk-asset-list h4 { margin:0 0 .4rem; }.bk-asset-list p { max-width:46rem; font-size:.82rem; color:var(--brand-muted); margin:0; }
.bk-asset-list .bk-downloads { flex-shrink:0; }
.bk-mascot-handoff { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding-block:2rem .7rem; }
.bk-mascot-handoff p { color:var(--brand-muted); font-size:.9rem; max-width:43rem; margin:.5rem 0; }
.bk-mascot-handoff .button { flex-shrink:0; }
@media(max-width:64rem) { .bk-character-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.bk-voice-grid { gap:1rem; }.bk-voice-grid article { padding:1.1rem; }.bk-motion { grid-template-columns:1fr 1fr; }.bk-motion-stage { min-height:22rem; }.bk-mascot-handoff { align-items:start; flex-direction:column; gap:1rem; } }
@media(max-width:44rem) {
.bk-mascot-intro,.bk-motion,.bk-placement-grid,.bk-mascot-rules,.bk-voice-grid { grid-template-columns:1fr; }.bk-mascot-intro { gap:2rem; }
.bk-character-grid { gap:1rem; }.bk-character-grid article { padding:1rem; }.bk-character-grid h4 { font-size:1rem; }.bk-character-grid p { font-size:.82rem; }.bk-character-grid article > span { font-size:.62rem; }
.bk-motion-preview { border-right:0; border-bottom:1px solid var(--brand-line); }.bk-motion-stage { min-height:18rem; }.bk-motion-stage > img { height:19rem; }.bk-motion-stage canvas { max-height:26rem; }.bk-motion-console { padding:1.25rem; }
.bk-scene-copy > p:last-child { min-height:0; }.bk-placement-example { min-height:15rem; padding-inline:1.2rem; }.bk-voice-grid blockquote { font-size:1.8rem; }.bk-asset-list > div { align-items:start; flex-direction:column; gap:.3rem; }
.bk-mascot-rules { gap:1rem; }.bk-mascot-subhead { margin-top:3rem; }
}
@media(max-width:23rem) { .bk-character-grid { grid-template-columns:1fr; }.bk-play-row { flex-direction:column; }.bk-play-row button { width:100%; } }

@media(max-width:44rem) {
.bk-motion { display:flex; flex-direction:column; }
.bk-motion-console { display:contents; }
.bk-scene-controls { order:0; padding:1rem; margin:0; border-bottom:1px solid var(--brand-line); }
.bk-motion-preview { order:1; }
.bk-player-controls { order:2; padding:1.25rem; }
.bk-scene-copy { order:3; padding:0 1.25rem; }
.bk-motion-console > .bk-downloads,.bk-motion-console > noscript { order:4; padding:0 1.25rem 1rem; }
.bk-motion-stage { min-height:0; aspect-ratio:4/3; }
.bk-motion-stage > img { width:80%; height:100%; min-height:0; padding:2rem 1rem 1rem; position:absolute; }
.bk-surface-controls { padding:.75rem 1rem; }.bk-surface-controls button { font-size:.72rem; padding:.55rem .7rem; }
.bk-play-row { gap:.5rem; margin-bottom:1rem; }
.bk-placement-example:not(.bk-placement-example--dark) { grid-template-columns:1.25fr 1fr; padding-inline:1rem; gap:0; }
.bk-placement-example p { font-size:clamp(1.3rem,5.7vw,2rem); }
.bk-placement-example--dark { grid-template-columns:.85fr 1.15fr; }
}