section.bf{pointer-events:none;--bf-cw:calc(100% - 2 * var(--page-pad-x) - 2 * var(--bo-pad-x,var(--page-pad-x)));--bf-w:min(calc((var(--bf-cw) - var(--bf-gap)) / 2), calc(var(--bf-h) * 3 / 4), calc(840px * var(--vp-scale)));--bf-content:calc(var(--bf-hand-row) + var(--bf-w) * 4 / 3);--bf-slack:calc((100svh - var(--nav-h) - var(--s4) - var(--s5) - var(--bf-content)) / 2);height:400svh;margin-top:calc(-1 * (var(--section-pad-y) + var(--nav-h) + var(--s4) + var(--bf-slack)));margin-bottom:calc(-1 * (var(--section-pad-y) + var(--s5) + var(--bf-slack)));position:relative}.bf-col{pointer-events:auto}.bf-sticky,section.bf,section.bb,section.sp-fold{--bf-gap:var(--gap-block);--hu:calc(.224px * var(--vp-scale));--bf-hand-row:calc(104 * var(--hu) + var(--gap-item));--bf-h:calc(100svh - var(--nav-h) - var(--s4) - var(--s5) - var(--bf-hand-row))}.bf-sticky{justify-content:center;align-items:center;gap:var(--bf-gap);height:100svh;padding:calc(var(--nav-h) + var(--s4)) var(--bo-pad-x,var(--page-pad-x)) var(--s5);display:flex;position:sticky;top:0}.bf-col{align-items:center;gap:var(--gap-item);width:min(calc((100% - var(--bf-gap)) / 2), calc(var(--bf-h) * 3 / 4), calc(840px * var(--vp-scale)));flex-direction:column;flex:none;display:flex}@media (min-width:1025px){.bf-col,section.bb,section.sp-fold{--bf-col:min(calc((var(--bf-row) - var(--bf-gap)) / 2 * 1.2), calc(var(--bf-h) * 3 / 4), calc(840px * var(--vp-scale)))}.bf-col{--bf-row:100%;width:var(--bf-col)}section.bf{--bf-w:min(calc((var(--bf-cw) - var(--bf-gap)) / 2 * 1.2), calc(var(--bf-h) * 3 / 4), calc(840px * var(--vp-scale)))}}.bf-hand{z-index:1;width:calc(var(--w) * var(--hu));height:calc(104 * var(--hu));pointer-events:none;position:relative}.bf-hand-ink{left:0;bottom:calc(var(--d) * var(--hu) * -1);width:100%;height:calc(var(--h) * var(--hu));background:var(--cinnabar);-webkit-mask:var(--src) center / 100% 100% no-repeat;-webkit-mask:var(--src) center / 100% 100% no-repeat;mask:var(--src) center / 100% 100% no-repeat;position:absolute}.bf-stage{aspect-ratio:3/4;isolation:isolate;background:var(--sail);border-radius:8px;flex:none;width:100%;position:relative;overflow:hidden}.bf-frame{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.bf-idea{background:#fff}.bf-idea .bf-frame{transition:transform .5s var(--ease-site)}@media (hover:hover) and (pointer:fine){.bf-idea:hover .bf-frame{transform:scale(1.03)}}@media (max-width:809px){.bf-sticky{flex-direction:column}.bf-sticky,section.bf{--bf-gap:var(--gap-item);--hu:.154px;--bf-h:calc(100svh - var(--nav-h) - var(--s4) - var(--s5) - 2 * var(--bf-hand-row))}.bf-col{width:min(100%, calc((var(--bf-h) - var(--bf-gap)) / 2 * 3 / 4))}section.bf{--bf-w:min(var(--bf-cw), calc((var(--bf-h) - var(--bf-gap)) / 2 * 3 / 4));--bf-content:calc(2 * (var(--bf-hand-row) + var(--bf-w) * 4 / 3) + var(--bf-gap))}}