/* ---------- 9 · Business Model Canvas jako mapový list ---------- */
.s-bmc .title { width: 1600px; font-size: 56px; }
.bmc-cell { position: absolute; box-sizing: border-box; padding: 24px 26px; background: rgba(247, 243, 236, .94); }
.bmc-cell h3 { font: 600 22px/1 var(--f-text); letter-spacing: .16em; text-transform: uppercase; color: var(--sedohneda); margin: 0 0 16px; }
.bmc-cell p { font: 400 28px/1.28 var(--f-text); color: var(--grafit); text-wrap: pretty; }
.bmc-cell ul { list-style: none; margin: 0; padding: 0; }
.bmc-cell li { font: 400 28px/1.28 var(--f-text); color: var(--grafit); padding: 10px 0; border-top: 1px solid rgba(94, 90, 82, .22); }
.bmc-cell li:first-child { border-top: 0; padding-top: 0; }
.bmc-cell .big { display: block; font: 700 58px/1 var(--f-text); color: var(--les); letter-spacing: -.02em; margin-bottom: 8px; white-space: nowrap; }
.bmc-cell.val { background: rgba(217, 198, 165, .92); }
.bmc-cell.val h3 { color: var(--tmava-terakota); }
.bmc-cell.val p { font: 700 34px/1.22 var(--f-nadpis); color: var(--les); }
.bmc-cell.wide p { font-size: 30px; }
.bmc-cell.wide { display: flex; flex-direction: column; justify-content: flex-start; }

.bmc-lines { position: absolute; left: 0; top: 0; width: 1920px; height: 1080px; pointer-events: none; overflow: visible; }
.bl { fill: none; stroke: var(--sedohneda); stroke-width: 1.2px; stroke-linejoin: miter; stroke-dasharray: 1; stroke-dashoffset: 1;
  transition: stroke-dashoffset 1.5s cubic-bezier(.45, .05, .2, 1) var(--rd, 0s); }
.bl.val { stroke: var(--terakota); stroke-width: 3px; }
.bl.neat { stroke: rgba(94, 90, 82, .55); stroke-width: 1px; }
.bl.tick { stroke: rgba(94, 90, 82, .6); stroke-width: 1.2px; transition-duration: .5s; }
.bmc-ref { font: 600 22px var(--f-text); letter-spacing: .12em; fill: var(--sedohneda); opacity: 0; transition: opacity .8s var(--ease) var(--rd, 0s); }
.s-bmc.is-current .k0,
.s-bmc.is-current[data-at="1"] .k1, .s-bmc.is-current[data-at="2"] .k1, .s-bmc.is-current[data-at="3"] .k1,
.s-bmc.is-current[data-at="2"] .k2, .s-bmc.is-current[data-at="3"] .k2,
.s-bmc.is-current[data-at="3"] .k3 { stroke-dashoffset: 0; }
.s-bmc.is-current .bmc-ref { opacity: 1; }
.ov-mini .bl { stroke-dashoffset: 0; transition: none; }
.ov-mini .bmc-ref { opacity: 1; transition: none; }