/* Public brand guide. Scoped to this page; no decorative background grid. */
.bk { --bk-shadow:4px 4px 0 var(--ink); 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(--muted); font-size:.85rem; }
.bk .eyebrow { margin:0 0 1.1rem; color:var(--red-dark); }
.bk h1 { margin:0 0 1.5rem; font-size:clamp(3rem,5.9vw,6.3rem); font-family:var(--display); 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(--muted); margin-top:1rem; line-height:1.6; }
.bk-cover { background:var(--red); color:var(--paper); border:1px solid var(--ink); border-radius:24px; box-shadow:6px 6px 0 var(--ink); 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:Caveat,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(--line); background:var(--paper); }
.bk-nav > div { display:flex; flex-wrap:wrap; gap:.2rem 1.6rem; padding-block:.7rem; }
.bk-nav a { min-height:44px; display:flex; align-items:center; font-size:.85rem; font-weight:650; }
.bk-nav a:hover,.bk-link:hover { color:var(--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(--muted); }
.bk-tone-controls { display:flex; flex-wrap:wrap; align-items:center; gap:.6rem; margin-bottom:1.5rem; }
.bk-tone-controls > span { color:var(--muted); font-size:.85rem; margin-right:.4rem; }
.bk-tone-controls button { display:flex; align-items:center; gap:.5rem; min-height:44px; border:1px solid var(--line); background:var(--paper); border-radius:50px; padding:.6rem .9rem; color:var(--ink); font:inherit; font-size:.85rem; cursor:pointer; }
.bk-tone-controls button[aria-pressed=true] { border-color:var(--ink); box-shadow:2px 2px 0 var(--ink); }
.bk-dot { width:1rem; height:1rem; border-radius:50%; border:1px solid #24211e44; }
.bk-tone-red { background:#b92b32; }.bk-tone-ink { background:#24211e; }.bk-tone-cream { background:#fffaf1; }.bk-tone-white { background:#fff; }.bk-tone-black { background:#000; }
.bk-logo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.4rem; }
.bk-logo-card { border:1px solid var(--ink); border-radius:20px; background:var(--paper); box-shadow:var(--bk-shadow); overflow:hidden; display:flex; flex-direction:column; }
.bk-logo-stage { background:var(--cream); min-height:17rem; display:flex; align-items:center; justify-content:center; padding:2.2rem; }
.bk-logo-stage--dark { background:var(--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(--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(--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:44px; 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(--muted); font-size:.88rem; margin:1.5rem 0 0; max-width:66rem; line-height:1.65; }
.bk-rules { background:var(--ink); color:var(--paper); }
.bk-rules .eyebrow { color:#f0d8c4; }.bk-rules .bk-heading > p,.bk-rules .bk-note { color:#e1d6c8; }
.bk-rule-grid { display:grid; grid-template-columns:1fr 1fr; gap:2rem; }
.bk-clearspace { background:var(--paper); color:var(--ink); margin:0; border-radius:20px; 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(--red); }
.bk-clearspace-art img { display:block; outline:1px solid #b92b3255; width:160px; height:160px; }
.bk-clearspace-art > span { font-size:.8rem; color:var(--red-dark); white-space:nowrap; }
.bk-clearspace figcaption { font-size:.85rem; line-height:1.7; }
.bk-sizes { padding:1.5rem 2rem; border:1px solid #fffaf14d; border-radius:20px; }
.bk-sizes h3 { font-size:1.6rem; }.bk-sizes dl { margin-block:1.5rem; }.bk-sizes dl > div { border-top:1px solid #fffaf144; padding-block:1rem; }
.bk-sizes dt { font-size:.8rem; color:#e1d6c8; }.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(--display); }.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(--paper); color:var(--ink); border-radius:16px; 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(6px 6px 2px #24211eaa); }
.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(--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(--ink); border-radius:18px; overflow:hidden; background:var(--paper); display:flex; flex-direction:column; box-shadow:3px 3px 0 var(--ink); }
.bk-color-swatch { padding:1.2rem; min-height:8rem; font:700 3.5rem var(--display); display:flex; align-items:end; border-bottom:1px solid var(--line); }
.bk-color-red { background:#b92b32; color:#fffaf1; }.bk-color-ink { background:#24211e; color:#fffaf1; }.bk-color-cream { background:#f6f0e5; color:#24211e; }.bk-color-paper { background:#fffaf1; color:#24211e; }.bk-color-redDark { background:#962029; color:#fffaf1; }.bk-color-muted { background:#6c6258; color:#fffaf1; }.bk-color-peach { background:#f0d8c4; color:#24211e; }.bk-color-sage { background:#e3e7d8; color:#24211e; }
.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(--muted); margin:0 0 .8rem; flex:1; }.bk-color-copy code { font-size:.85rem; font-family:ui-monospace,monospace; }.bk-color-copy button { align-self:start; border:0; background:none; color:var(--red-dark); padding:.65rem 0 0; font:inherit; font-size:.75rem; min-height:44px; cursor:pointer; text-decoration:underline; }
.bk-type { background:var(--paper); border-block:1px solid var(--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(--ink); border-radius:12px; padding:1rem; font:inherit; font-size:1rem; color:var(--ink); background:var(--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(--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(--display); font-weight:800; letter-spacing:-.04em; }.bk-type-serif { font-family:Georgia,serif; font-style:italic; }.bk-type-hand { font-family:Caveat,cursive; color:var(--red-dark); }.bk-type-grid .bk-type-hand { font-size:clamp(2.3rem,3.5vw,3.6rem); }.bk-type-body { font-family:var(--body); }
.bk-type-grid article > p:not([data-type-sample]) { font-size:.9rem; color:var(--muted); margin:0 0 1rem; flex:1; }.bk-type-grid small { font-size:.8rem; color:var(--muted); }
.bk-font-footer { border-top:1px solid var(--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:#f0d8c4; border-radius:24px; 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:Caveat,cursive; color:var(--red-dark); font-size:1.8rem; line-height:1.2; padding-bottom:1rem; }
.bk-list { padding-left:1.2rem; color:var(--muted); font-size:.95rem; }.bk-list li { padding-left:.3rem; margin-bottom:1rem; }
.bk-files { background:#f0d8c4; }
.bk-file-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.4rem; }
.bk-file-card { background:var(--paper); border:1px solid var(--ink); border-radius:20px; box-shadow:var(--bk-shadow); padding:1.8rem; display:flex; flex-direction:column; }
.bk-file-card:hover { transform:translate(-1px,-1px); box-shadow:5px 5px 0 var(--ink); }
.bk-file-format { display:flex; justify-content:space-between; font:700 2rem var(--display); color:var(--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(--muted); margin:.5rem 0 1.5rem; flex:1; }.bk-file-card small { font-size:.8rem; color:var(--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(--cream); border:1px solid var(--line); padding:1.2rem; border-radius:12px; }.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(--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(--line); padding-top:1.25rem; margin-top:1.5rem; }
.bk-mascot-facts span { font-size:.78rem; color:var(--muted); }
.bk-mascot-facts b { display:block; font:800 1.8rem var(--display); color:var(--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(--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(--paper); border:1px solid var(--ink); border-radius:18px; box-shadow:var(--bk-shadow); }
.bk-character-grid article > span,.bk-voice-grid article > span { color:var(--red-dark); font-size:.72rem; font-weight:700; }
.bk-mascot h4 { font:750 1.1rem/1.35 var(--display); margin:.9rem 0 .7rem; }
.bk-character-grid p,.bk-mascot-rules p,.bk-placement figcaption p { font-size:.9rem; color:var(--muted); margin:0; }
.bk-motion { display:grid; grid-template-columns:1.08fr 1fr; border:1px solid var(--ink); border-radius:24px; overflow:hidden; box-shadow:var(--bk-shadow); background:var(--paper); }
.bk-motion-preview { display:flex; flex-direction:column; min-width:0; border-right:1px solid var(--line); }
.bk-motion-stage { position:relative; isolation:isolate; display:grid; place-items:center; background:var(--cream); flex:1; min-height:23rem; overflow:hidden; }
.bk-motion-stage[data-surface=peach] { background:#f0d8c4; }
.bk-motion-stage[data-surface=ink] { background:var(--ink); }
.bk-motion-stage[data-surface=ink]::before { content:""; position:absolute; inset:3.25rem 5% 1rem; background:var(--paper); border-radius:18px; 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(--muted); }
.bk-motion-stage[data-surface=ink] .bk-motion-label { color:var(--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:#6c625833; z-index:-1; }
.bk-surface-controls { display:flex; flex-wrap:wrap; gap:.45rem; align-items:center; padding:1rem; border-top:1px solid var(--line); }
.bk-surface-controls > span { flex-basis:100%; font-size:.7rem; color:var(--muted); }
.bk-surface-controls button,.bk-scene-controls button,.bk-frame-next { border:1px solid var(--line); background:var(--paper); color:var(--ink); border-radius:9px; min-height:44px; padding:.6rem .8rem; font:600 .78rem/1.3 var(--body); cursor:pointer; }
.bk-surface-controls button[aria-pressed=true],.bk-scene-controls button[aria-pressed=true] { background:var(--ink); border-color:var(--ink); color:var(--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(--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 .button { font-size:.82rem; }
.bk-frame-next { background:transparent; border-color:var(--ink); }
.bk-player-controls input { display:block; width:100%; min-height:36px; margin:0; accent-color:var(--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(--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(--ink); border-radius:20px; overflow:hidden; box-shadow:var(--bk-shadow); background:var(--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:#f0d8c4; }
.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(--display); margin:1rem 0; letter-spacing:-.04em; }
.bk-hand-note { font:1.55rem/1.2 Caveat,cursive; display:block; }
.bk-placement-example > img { width:100%; height:auto; display:block; }
.bk-placement-example--dark { background:var(--ink); color:var(--paper); padding:1.5rem; align-items:center; }
.bk-placement-example--dark .eyebrow { color:#f0d8c4; }
.bk-placement-example--dark > div:not(.bk-mascot-mat) { align-self:center; padding:0; }
.bk-mascot-mat { background:var(--paper); border-radius:16px; padding:.7rem; }
.bk-mascot-mat img { width:100%; height:auto; display:block; }
.bk-placement figcaption { padding:1.5rem; border-top:1px solid var(--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(--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(--line); background:var(--paper); border-radius:18px; padding:1.5rem; display:flex; flex-direction:column; }
.bk-voice-grid blockquote { font:500 clamp(1.55rem,2.4vw,2.2rem)/1.25 Caveat,cursive; margin:1.2rem 0; flex:1; }
.bk-voice-grid p { border-top:1px solid var(--line); padding-top:1rem; font-size:.8rem; color:var(--muted); margin:0; }
.bk-mascot-library { border-block:1px solid var(--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(--muted); }
.bk-asset-list > div { display:flex; gap:1rem; align-items:center; justify-content:space-between; padding:1rem .2rem; border-top:1px solid var(--line); }
.bk-asset-list h4 { margin:0 0 .4rem; }.bk-asset-list p { max-width:46rem; font-size:.82rem; color:var(--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(--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(--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(--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 .button { padding:.8rem 1rem; }.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; }
}