/* Between Right and Might — "Who decides for you?" (tools/book). Scoped with the .bk- prefix.
 * Uses only tokens from tokens.css and components from mb.css. New patterns that could move to the library:
 * .bk-menu (narrowing menu), .bk-path/.bk-step (knot path with claim picks), .bk-part (pressable row),
 * .bk-thesis (sticky scroll stage), .bk-eps (episode rail). */
@layer marta.tools {
  .bk { position: relative; overflow-x: clip; }
  .bk [data-register] { background: var(--mb-bg); color: var(--mb-ink); }
  .bk [data-register="poster"] .mb-label { color: var(--mb-plum); }
  .bk h2 { max-width: 18ch; }

  /* ---------- nav ---------- */
  .bk-nav .mb-nav__brand svg { width: 3rem; }
  .bk-nav__right { display: flex; align-items: center; gap: .75rem; min-width: 0; }
  .bk-progress { display: flex; align-items: center; gap: .6rem; font: 600 var(--mb-step--1)/1 var(--mb-font-text); color: var(--mb-ink-soft); white-space: nowrap; }
  .bk-progress .mb-knots { gap: 2px; }
  .bk-progress .mb-knots li { width: 13px; height: 13px; }
  .bk-progress .mb-knots .is-done path { opacity: 1; stroke: var(--mb-thread); }
  @media (max-width: 899px) { .bk-progress .mb-knots { display: none; } }
  @media (max-width: 560px) {
    .bk-nav__name { display: none; }
    .bk-progress__txt { font-size: .78rem; }
    .bk-nav .mb-nav__links a { padding: .5rem .6rem; }
  }

  /* ---------- hero: the poster and the menu ---------- */
  .bk-hero { position: relative; overflow: hidden; padding-block: clamp(1.5rem, 5vw, 4.5rem) clamp(3rem, 7vw, 6rem); }
  .bk-hero::before { content: ""; position: absolute; right: -12vmin; top: -14vmin; width: 70vmin; aspect-ratio: 1; pointer-events: none;
    background-image: radial-gradient(circle, var(--mb-hot) 30%, transparent 33%); background-size: 13px 13px;
    -webkit-mask: radial-gradient(closest-side, #000 20%, transparent); mask: radial-gradient(closest-side, #000 20%, transparent); }
  .bk-hero__grid { position: relative; display: grid; gap: var(--mb-space-5); }
  @media (min-width: 960px) { .bk-hero__grid { grid-template-columns: 1.3fr .8fr; align-items: end; } }
  .bk-hero__poster { margin: .25em 0 0; font: 900 clamp(3rem, .7rem + 10.6vw, 6.4rem)/.84 var(--mb-font-display); letter-spacing: var(--mb-track-poster); }
  @media (min-width: 960px) { .bk-hero__poster { font-size: min(9.4rem, 8vw); } }
  .bk-line { display: block; overflow: hidden; padding-bottom: .07em; margin-bottom: -.07em; }
  .bk-line > span { display: inline-block; transition: transform 1s var(--mb-ease-silk) var(--d, 0ms); }
  .bk:not(.bk-go) .bk-line > span { transform: translateY(112%); }
  .bk-hero__thread { display: block; width: min(100%, 640px); height: auto; margin: .1em 0 .9em; overflow: visible; }
  .bk-hero__thread path { fill: none; stroke: var(--mb-thread); stroke-width: 5; stroke-linecap: round; stroke-linejoin: round;
    stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.7s var(--mb-ease-silk) .55s; }
  .bk-go .bk-hero__thread path { stroke-dashoffset: 0; }
  .bk-hero__lede { max-width: 38ch; }
  .bk-hero__sub { font-weight: 600; max-width: 42ch; }
  .bk-hero__go { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; margin-top: 1.5rem; }
  .bk-hero__meta { font: 600 var(--mb-step--1)/1.3 var(--mb-font-text); }

  .bk-menu { position: relative; background: var(--mb-paper); color: var(--mb-plum); border-radius: var(--mb-radius-lg); padding: 1.25rem 1.1rem 1rem;
    box-shadow: var(--mb-shadow-lift); transform: rotate(1.2deg); transition: transform var(--mb-dur-4) var(--mb-ease-silk); }
  .bk-menu.is-narrow { transform: rotate(0deg); }
  .bk-menu__head { padding-inline: .25rem; }
  .bk-menu__title { font-size: var(--mb-step-2) !important; margin: 0 0 .2em !important; }
  .bk-menu__hint { font-size: var(--mb-step--1); color: var(--mb-muted); margin: 0 0 .5rem; }
  .bk-menu__list { list-style: none; margin: 0; padding: 0; }
  .bk-menu__list li { border-top: 1.5px dashed var(--mb-line); transition: opacity var(--mb-dur-3) var(--mb-ease-out), transform var(--mb-dur-3) var(--mb-ease-out); transition-delay: var(--d, 0ms); }
  .bk:not(.bk-go) .bk-menu__list li { opacity: 0; transform: translateX(18px); }
  .bk-menu__item { width: 100%; min-height: 44px; display: flex; justify-content: space-between; align-items: center; gap: .75rem;
    padding: .5rem .3rem; border: 0; border-radius: 10px; background: none; color: var(--mb-plum); text-align: left; cursor: pointer;
    font: 600 var(--mb-step-0)/1.25 var(--mb-font-text);
    transition: background var(--mb-dur-2), transform var(--mb-dur-2) var(--mb-ease-spring), padding var(--mb-dur-3) var(--mb-ease-silk); }
  .bk-menu__item:hover { background: var(--mb-blush); transform: translateX(3px); }
  .bk-menu__what { text-decoration: line-through 2px transparent; transition: text-decoration-color var(--mb-dur-3) var(--mb-ease-silk), color var(--mb-dur-3); }
  .bk-menu__who { flex: none; display: inline-flex; align-items: center; gap: .3em; text-align: right; font: 600 var(--mb-step--1)/1.2 var(--mb-font-text); color: var(--mb-muted); }
  .bk-menu__who .mb-knot { width: 1.1em; color: var(--mb-thread); }
  .bk-menu__by { font-weight: 400; }
  .bk-menu__item[data-state="sys"] { padding-block: .3rem; }
  .bk-menu__item[data-state="sys"] .bk-menu__what { text-decoration-color: var(--mb-thread); color: var(--mb-muted); }
  .bk-menu__item[data-state="sys"] .bk-menu__who { color: var(--mb-plum); }
  .bk-menu__item[data-state="held"] .bk-menu__who { color: var(--mb-thread); font-weight: 700; }
  .bk-menu__fade { margin: .9rem .25rem .4rem; font: italic 500 var(--mb-step-0)/1.35 var(--mb-font-display); color: var(--mb-thread);
    background: linear-gradient(var(--mb-thread), var(--mb-thread)) 0 100% / 0 2px no-repeat; transition: background-size 1.2s var(--mb-ease-silk); padding-bottom: 4px; display: inline; }
  .bk-menu.is-narrow .bk-menu__fade { background-size: 100% 2px; }
  .bk-menu__tally { margin: .8rem .25rem 0; font: 700 var(--mb-step--1)/1.3 var(--mb-font-text); }

  .bk-bandwrap { overflow: hidden; padding-block: 1.4rem; background: linear-gradient(var(--mb-pink) 50%, var(--mb-bg) 50%) !important; }

  /* ---------- thesis: the stage ---------- */
  .bk-thesis__track { position: relative; height: 250vh; }
  .bk-thesis__sticky { position: sticky; top: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; justify-content: center;
    gap: clamp(.75rem, 3vh, 2rem); padding-block: 4.5rem 2rem; }
  .bk-thesis .mb-label { color: var(--mb-ink-soft); }
  @media (min-width: 960px) {
    .bk-thesis__sticky { display: grid; grid-template-columns: 1.05fr .95fr; grid-template-rows: auto auto; align-content: center; row-gap: 2rem; column-gap: 4rem; }
    .bk-thesis__sticky .mb-label { grid-column: 1 / -1; }
    .bk-migrate { grid-column: 2; grid-row: 2; align-self: center; width: 100%; }
    .bk-thesis__quote { grid-column: 1; grid-row: 2; align-self: center; }
  }
  .bk-migrate { width: min(100%, 720px); height: auto; overflow: visible; }
  .bk-human { fill: none; stroke: var(--mb-ink); stroke-width: 2.5; opacity: calc(1 - var(--bk-mig, 0) * .65); }
  .bk-human__core { fill: var(--mb-accent); opacity: calc(1 - var(--bk-mig, 0)); }
  .bk-cap { fill: var(--mb-ink-soft); font: 600 15px var(--mb-font-text); }
  .bk-cell { fill: var(--mb-surface-2); transition: fill var(--mb-dur-3) var(--mb-ease-out); }
  .bk-cell.is-on { fill: var(--mb-accent-2); }
  .bk-route { fill: none; stroke-width: 3; stroke-linecap: round; }
  .bk-route--ghost { stroke: var(--mb-line); stroke-dasharray: 2 9; }
  .bk-route--live { stroke: var(--mb-accent); }
  .bk-sov circle { fill: var(--mb-accent); }
  .bk-sov path { fill: none; stroke: var(--mb-accent); stroke-width: 2.5; stroke-linecap: round; opacity: .7; }
  .bk-force { fill: var(--mb-accent-2); font: italic 500 17px var(--mb-font-display); text-anchor: middle; opacity: 0; transition: opacity var(--mb-dur-3); }
  .bk-force.is-on { opacity: 1; }
  .bk-thesis__quote { margin: 0; }
  .bk-thesis__quote p { margin: 0; max-width: 24ch; font: 800 var(--mb-step-3)/1.08 var(--mb-font-display); letter-spacing: -.03em; }
  .bk-w { opacity: .2; transition: opacity var(--mb-dur-3) var(--mb-ease-out); }
  .bk-w.is-on { opacity: 1; }
  .bk-thesis__after { padding-block: 0 clamp(3.5rem, 9vw, 7rem); }
  .bk-thesis__after p { font-size: var(--mb-step-1); line-height: 1.5; max-width: 52ch; color: var(--mb-ink-soft); }

  /* ---------- how I write ---------- */
  .bk-method { background: var(--mb-lilac) !important; }
  .bk-method__poster { margin: .25em 0 .4em; font: 900 var(--mb-step-4)/.9 var(--mb-font-display); letter-spacing: var(--mb-track-poster); }
  .bk-method__poster span { display: block; }
  .bk-method__poster span:nth-child(2) { color: var(--mb-violet); }
  .bk-method__poster span:nth-child(3) { color: transparent; -webkit-text-stroke: 2px var(--mb-plum); }
  .bk-kinds { margin: 0; display: grid; gap: 1.4rem; }
  .bk-kind { border-top: 2px solid var(--mb-plum); padding-top: .9rem; }
  .bk-kind dd { margin: .6rem 0 0; font-size: var(--mb-step-1); line-height: 1.4; }

  /* ---------- ten steps: a path of knots ---------- */
  .bk-predict { max-width: 760px; margin-block: 1.5rem 2rem; padding: 1.25rem 1.25rem 1rem; border-radius: var(--mb-radius-lg); background: var(--mb-surface); box-shadow: var(--mb-shadow); }
  .bk-predict__q { font: 800 var(--mb-step-1)/1.25 var(--mb-font-display); }
  .bk-predict .mb-chip { min-height: 44px; }
  .bk-predict__reply { min-height: 1.5em; margin: .8rem 0 0; font: italic 500 var(--mb-step-0)/1.4 var(--mb-font-display); color: var(--mb-thread); }
  .bk-steps__try { max-width: 62ch; color: var(--mb-ink-soft); }
  .bk-path { --fill: 0%; position: relative; list-style: none; margin: 2rem 0 0; padding: 0 0 0 3.2rem; }
  .bk-path::before { content: ""; position: absolute; left: 1.08rem; top: 1.4rem; bottom: 2rem; width: 3px; border-radius: 3px;
    background: linear-gradient(var(--mb-thread) var(--fill), var(--mb-line) 0); }
  .bk-step { position: relative; display: grid; grid-template-columns: 3.4rem 1fr; gap: .2rem .8rem; padding: 1.2rem 0 1.4rem; border-bottom: 1.5px dashed var(--mb-line); }
  .bk-step__knot { position: absolute; left: -3.2rem; top: 1.15rem; width: 2.3rem; height: 2.3rem; display: grid; place-items: center; border-radius: 50%;
    background: var(--mb-bg); box-shadow: inset 0 0 0 2px var(--mb-line); color: var(--mb-paper);
    transition: background var(--mb-dur-2), box-shadow var(--mb-dur-2), transform var(--mb-dur-3) var(--mb-ease-spring); }
  .bk-step__knot .mb-knot { width: 1.3em; height: 1.3em; opacity: 0; transition: opacity var(--mb-dur-2); }
  .bk-step.is-tied .bk-step__knot { background: var(--mb-thread); box-shadow: none; transform: rotate(-10deg) scale(1.06); }
  .bk-step.is-tied .bk-step__knot .mb-knot { opacity: 1; }
  .bk-step__n { font: 900 var(--mb-step-3)/.9 var(--mb-font-display); letter-spacing: var(--mb-track-poster); color: var(--mb-violet); }
  .bk-step.is-tied .bk-step__n { color: var(--mb-plum); }
  .bk-step__t { margin: .1rem 0 0 !important; font-size: var(--mb-step-2) !important; max-width: 22ch; }
  .bk-step__ask { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .8rem; }
  .bk-pick { min-height: 44px; padding: .5em 1.05em; border: 0; cursor: pointer; font-size: .86rem;
    transition: transform var(--mb-dur-2) var(--mb-ease-spring), background var(--mb-dur-2), box-shadow var(--mb-dur-2); }
  .bk-pick[aria-pressed="false"] { background: transparent; box-shadow: inset 0 0 0 1.5px color-mix(in srgb, currentColor 55%, transparent); }
  .bk-pick[aria-pressed="false"]::before { background: transparent; box-shadow: inset 0 0 0 1.5px currentColor; }
  .bk-pick[aria-pressed="true"] { box-shadow: inset 0 0 0 2.5px currentColor, 0 6px 16px -8px currentColor; }
  .bk-pick:hover { transform: translateY(-2px); }
  .bk-pick[aria-pressed="true"] { transform: scale(1.04); }
  @media (min-width: 900px) {
    .bk-step { grid-template-columns: 5.5rem 1fr; align-items: center; }
    .bk-step__body { display: grid; grid-template-columns: 1fr auto; gap: 1.5rem; align-items: center; }
    .bk-step__ask { margin-top: 0; justify-content: flex-end; }
    .bk-step--last .bk-step__guess { grid-column: 1; grid-row: 2; }
    .bk-step--last { align-items: start; }
    .bk-step--last .bk-step__ask { grid-column: 2; grid-row: 1 / span 2; }
  }
  .bk-step__veil { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
  .bk-step--last:not(.is-open) .bk-step__t { filter: blur(10px); user-select: none; }
  .bk-step--last.is-open .bk-step__reveal { display: none; }
  .bk-step--last.is-open .bk-step__t { animation: bk-unblur var(--mb-dur-4) var(--mb-ease-silk); }
  .bk-step__guess { margin: .4rem 0 0; font: italic 500 var(--mb-step-0)/1.4 var(--mb-font-display); color: var(--mb-thread); }
  .bk-step__guess:empty { display: none; }
  @keyframes bk-unblur { from { filter: blur(10px); } }

  /* ---------- six parts ---------- */
  .bk-parts { background: var(--mb-paper); }
  .bk-parts__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 0 2rem; }
  .bk-parts__ask { margin: 0 0 1em; font: 800 var(--mb-step-1)/1.2 var(--mb-font-display); max-width: 22ch; }
  .bk-partlist { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: .25rem 2.5rem; }
  @media (min-width: 900px) { .bk-partlist { grid-template-columns: 1fr 1fr; } }
  .bk-part { width: 100%; display: grid; grid-template-columns: 4.6rem 1fr 1.6rem; gap: .9rem; align-items: start; padding: 1.1rem .6rem 1.3rem;
    border: 0; border-top: 2px solid var(--mb-plum); border-radius: 0; background: none; color: var(--mb-plum); font: inherit; text-align: left; cursor: pointer;
    transition: background var(--mb-dur-2), border-radius var(--mb-dur-4) var(--mb-ease-silk), transform var(--mb-dur-2) var(--mb-ease-spring); }
  .bk-part:hover { background: var(--mb-blush); }
  .bk-part:active { transform: scale(.99); }
  .bk-part[aria-pressed="true"] { background: var(--mb-hot); border-top-color: transparent; border-radius: var(--mb-radius-lg); }
  .bk-part__n { font: 900 clamp(2.2rem, 1.6rem + 2vw, 3.2rem)/.85 var(--mb-font-display); letter-spacing: var(--mb-track-tight); color: var(--mb-violet); }
  .bk-part[aria-pressed="true"] .bk-part__n { color: var(--mb-plum); }
  .bk-part__t { display: block; margin-bottom: .35em; font: 800 var(--mb-step-2)/1.05 var(--mb-font-display); letter-spacing: -.02em; }
  .bk-part__d { display: block; max-width: 46ch; color: var(--mb-muted); }
  .bk-part[aria-pressed="true"] .bk-part__d { color: var(--mb-plum); }
  .bk-part__mark { padding-top: .3rem; }
  .bk-part__mark .mb-knot { width: 1.5rem; height: 1.5rem; opacity: 0; transition: opacity var(--mb-dur-2); }
  .bk-part[aria-pressed="true"] .bk-part__mark .mb-knot { opacity: 1; }

  /* ---------- five stress tests ---------- */
  .bk-testlist { display: grid; gap: clamp(1.25rem, 3vw, 2.25rem); margin-top: 2rem; }
  .bk-test { --tone: var(--mb-blush); position: relative; overflow: hidden; display: grid; gap: 1.25rem; padding: clamp(1.25rem, 3.5vw, 2.75rem);
    border-radius: var(--mb-radius-lg); background: var(--tone); color: var(--mb-plum); }
  .bk-test:nth-child(2) { --tone: var(--mb-lilac); }
  .bk-test:nth-child(3) { --tone: var(--mb-sky); }
  .bk-test:nth-child(4) { --tone: var(--mb-butter); }
  .bk-test:nth-child(5) { --tone: var(--mb-pink); }
  @media (min-width: 900px) { .bk-test { grid-template-columns: 1.1fr .9fr; align-items: end; gap: 2.5rem; } }
  .bk-test__ask { position: relative; }
  .bk-test__n { position: absolute; right: -.1em; top: -.42em; margin: 0; pointer-events: none; font: 900 clamp(5.5rem, 3rem + 9vw, 11rem)/1 var(--mb-font-display);
    letter-spacing: var(--mb-track-poster); color: color-mix(in srgb, var(--mb-plum) 10%, transparent); max-width: none; }
  .bk-test h3 { position: relative; font-size: var(--mb-step-3) !important; }
  .bk-test__q { position: relative; font: 600 var(--mb-step-1)/1.35 var(--mb-font-text); max-width: 32ch; }
  .bk-test .mb-tape { margin-top: 1.25rem; }
  .bk-test .mb-tape__ends span:last-child { text-align: right; }
  .bk-test .mb-tape__ends { color: var(--mb-plum-2); }
  .bk-test__nudge { margin: .6rem 0 0; font-size: var(--mb-step--1); color: var(--mb-plum-2); }
  .bk-test.is-answered .bk-test__nudge { visibility: hidden; }
  .bk-test__inner { padding: 1.3rem 1.4rem; border-radius: var(--mb-radius) var(--mb-radius) var(--mb-radius) 6px; background: var(--mb-plum); color: var(--mb-paper);
    animation: bk-in var(--mb-dur-3) var(--mb-ease-spring); }
  .bk-test__inner .mb-label { color: var(--mb-pink); }
  .bk-test__inner .mb-label::before { background: var(--mb-pink); }
  .bk-test__d { margin: .5rem 0 0; font: 500 var(--mb-step-1)/1.35 var(--mb-font-display); }
  @keyframes bk-in { from { opacity: 0; transform: translateY(14px) scale(.98); } }

  /* ---------- quote ---------- */
  .bk-quote { background: var(--mb-pink) !important; padding-block: clamp(4rem, 10vw, 8rem); margin-top: 24px; }
  .bk-quote figure { margin-block: 0; }
  .bk-quote blockquote { margin: 0 0 1.25rem; }
  .bk-quote blockquote p { margin: 0; max-width: 24ch; font: 800 var(--mb-step-4)/1 var(--mb-font-display); letter-spacing: -.035em; }
  .bk-quote figcaption { font-weight: 700; }

  /* ---------- profile ---------- */
  .bk-profile { background: var(--mb-paper); }
  @media (max-width: 899px) { .bk-profile__card { order: 2; } }
  .bk-profile__card { width: min(100%, 440px); margin-inline: auto; border-radius: 22px; overflow: hidden; box-shadow: var(--mb-shadow-lift);
    transition: transform var(--mb-dur-3) var(--mb-ease-out); }
  .bk-profile__card canvas { display: block; width: 100%; height: auto; }
  .bk-profile__kept { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .9rem; margin-block: 1.5rem 1rem; }
  .bk-profile__num { font: 900 var(--mb-step-5)/.85 var(--mb-font-display); letter-spacing: var(--mb-track-poster); color: var(--mb-thread); }
  .bk-profile__num:empty { display: none; }
  .bk-profile__tier { font: 800 var(--mb-step-1)/1.25 var(--mb-font-display); max-width: 24ch; }
  .bk-profile__list { margin: 0 0 1.5rem; padding-left: 1.2rem; }
  .bk-profile__list li { margin-bottom: .35rem; }
  .bk-profile__list li::marker { color: var(--mb-thread); }
  .bk-profile__privacy { margin-top: 1rem; }

  /* ---------- video series ---------- */
  .bk-series { background: var(--mb-lilac) !important; }
  .bk-eps { list-style: none; display: grid; grid-auto-flow: column; grid-auto-columns: min(70%, 15rem); gap: .8rem; overflow-x: auto; scroll-snap-type: x mandatory;
    margin: 2rem calc(-1 * var(--mb-gutter)); padding: 0 var(--mb-gutter) 1rem; scroll-padding-inline: var(--mb-gutter); scrollbar-width: thin; }
  @media (min-width: 900px) { .bk-eps { grid-auto-flow: row; grid-template-columns: repeat(4, 1fr); overflow: visible; margin-inline: 0; padding-inline: 0; } }
  .bk-ep { scroll-snap-align: start; aspect-ratio: 4 / 5; display: flex; flex-direction: column; justify-content: space-between; gap: .5rem;
    padding: 1.5rem 1.25rem 1.3rem; border-radius: var(--mb-arch); background: var(--mb-paper); color: var(--mb-plum); }
  .bk-ep:nth-child(4n+2) { background: var(--mb-pink); }
  .bk-ep:nth-child(4n+3) { background: var(--mb-plum); color: var(--mb-paper); }
  .bk-ep:nth-child(4n) { background: var(--mb-lavender); }
  .bk-ep__n { align-self: center; font: 900 var(--mb-step-5)/.85 var(--mb-font-display); letter-spacing: var(--mb-track-poster); }
  .bk-ep__t { font: 800 var(--mb-step-1)/1.15 var(--mb-font-display); letter-spacing: -.015em; }

  /* ---------- follow + sources ---------- */
  .bk-follow { background: var(--mb-pink) !important; padding-block: clamp(3.5rem, 9vw, 7rem); }
  .bk-follow__grid { display: grid; gap: var(--mb-space-5); }
  @media (min-width: 900px) { .bk-follow__grid { grid-template-columns: 1.2fr .8fr; align-items: end; } }
  .bk-follow__t { font-weight: 900; font-size: var(--mb-step-5); line-height: .86; letter-spacing: var(--mb-track-poster); max-width: 10ch; }
  .bk-follow__cta { margin-top: .5rem; }
  .bk-pub { border-top: 2px solid var(--mb-plum); padding-top: 1rem; }
  .bk-pub h3 { margin-top: .6rem; }
  .bk-sources { background: var(--mb-paper); padding-block: 2.5rem 3rem; font-size: var(--mb-step--1); }
  .bk-sources p { max-width: 70ch; }

  /* ---------- reduced motion: states, not movement ---------- */
  @media (prefers-reduced-motion: reduce) {
    .bk-thesis__track { height: auto; }
    .bk-thesis__sticky { position: static; min-height: 0; padding-block: 4rem 2rem; }
    .bk-w { opacity: 1; }
    .bk .bk-line > span, .bk .bk-menu__list li { transform: none !important; opacity: 1 !important; }
    .bk-hero__thread path { stroke-dashoffset: 0; }
    .bk-menu { transform: none; }
  }
}