.bm{--bm-rule:#faf3d74d;--bm-h:clamp(520px, calc(100svh - 250px), 700px);--bm-fig:calc(var(--bm-h) * var(--bm-ratio));background:var(--ink);color:var(--cream);border-radius:var(--radius);gap:20px;padding:clamp(24px,4vw,56px);display:grid;overflow:clip}.bm-intro{align-content:start;gap:18px;display:grid}.bm-title{color:var(--cream)}.bm-title em{color:var(--chartreuse);font-style:normal}.bm-switch{flex-wrap:wrap;gap:8px;display:flex}.bm-switch-btn{appearance:none;font:inherit;min-width:64px;min-height:44px;color:var(--cream);border:2px solid var(--bm-rule);border-radius:var(--radius);cursor:pointer;background:0 0;margin:0;padding:0 18px;font-size:1.0625rem;font-weight:700;line-height:1}.bm-switch-btn[aria-pressed=true]{background:var(--cream);color:var(--ink);border-color:var(--cream)}@media (hover:hover){.bm-switch-btn[aria-pressed=false]:hover{border-color:var(--cream)}}.bm-figure{--bm-w:min(100%, var(--bm-fig));justify-items:center;gap:6px;min-width:0;display:grid}.bm-readout{text-align:center;width:100%;min-height:1.6em;color:var(--chartreuse);font-size:1.25rem;font-weight:700;line-height:1.3}.bm-stage{width:var(--bm-w);aspect-ratio:var(--bm-ratio);position:relative}.bm-art{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.bm-under path{fill:var(--periwinkle)}.bm-body path{fill:var(--cream)}.bm-spine,.bm-face circle{fill:var(--periwinkle)}.bm-face path{fill:none;stroke:var(--periwinkle);stroke-width:3.6px;stroke-linecap:round}.bm-mark,.bm-dab-under{fill:var(--periwinkle)}.bm-dab{fill:var(--chartreuse)}.bm-mark,.bm-dab,.bm-dab-under{transform-box:fill-box;transform-origin:50%}.bm-dab,.bm-dab-under{transform:scale(0)}.bm-spot[data-hot] .bm-dab-under,.bm-spot[data-on] .bm-dab-under,.bm-spot[data-on] .bm-dab{transform:scale(1)}.bm-spot[data-on][data-hot] .bm-dab-under,.bm-spot[data-on][data-hot] .bm-dab{transform:scale(1.12)}.bm-spot[data-hot] .bm-mark,.bm-spot[data-on] .bm-mark{transform:scale(0)}.bm-tick-under,.bm-tick{fill:none;stroke-linecap:round}.bm-tick-under{stroke:var(--periwinkle);stroke-width:10px}.bm-tick{stroke:var(--chartreuse);stroke-width:5px}.bm-hits{border:0;min-width:0;margin:0;padding:0;position:absolute;inset:0}.bm-hit{appearance:none;font:inherit;color:inherit;border-radius:var(--radius);cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.bm-hit:focus-visible{outline:3px solid var(--chartreuse);outline-offset:3px}.bm-hit:focus-visible:before,.bm-hit:focus-visible:after{content:"";pointer-events:none;border:3px solid var(--ink);border-radius:var(--radius);position:absolute}.bm-hit:focus-visible:before{inset:-3px}.bm-hit:focus-visible:after{inset:-9px}.bm[data-tone=logo] .bm-body path{fill:var(--chartreuse)}.bm[data-tone=logo] .bm-dab{fill:var(--cream)}.bm[data-tone=logo] .bm-tick{stroke:var(--cream)}.bm-sides{width:var(--bm-w);color:var(--cream);justify-content:space-between;gap:12px;font-size:.9375rem;line-height:1.5;display:flex}.bm-list{border:0;flex-wrap:wrap;align-content:start;gap:8px;min-width:0;margin:0;padding:0;display:flex}.bm-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bm-chip{appearance:none;font:inherit;min-height:44px;color:var(--cream);border:2px solid var(--bm-rule);border-radius:var(--radius);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:8px;margin:0;padding:7px 12px;font-size:1.0625rem;font-weight:500;line-height:1.3;display:inline-flex;position:relative}.bm-chip[data-on]{border-color:var(--chartreuse);font-weight:700}.bm-chip-icon{flex:none;width:22px;height:22px;display:block}.bm-check input{appearance:none;border-radius:var(--radius);cursor:pointer;background:0 0;border:0;margin:0;padding:0;position:absolute;inset:-2px}.bm-box{fill:none;stroke:var(--cream);stroke-width:2px}.bm-chip[data-on] .bm-box{fill:var(--chartreuse);stroke:var(--chartreuse)}.bm-tickmark{fill:none;stroke:var(--ink);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;display:none}.bm-chip[data-on] .bm-tickmark{display:inline}.bm-x{fill:none;stroke:var(--chartreuse);stroke-width:2.6px;stroke-linecap:round}@media (hover:hover){.bm-chip:hover{border-color:var(--cream)}.bm-chip[data-on]:hover{border-color:var(--chartreuse)}}.bm-foot{align-content:start;gap:16px;display:grid}.bm-status{align-items:center;min-height:44px;display:flex}.bm-hint{color:var(--cream);font-size:1.0625rem;line-height:1.5}.bm-continue{appearance:none;font:inherit;background:var(--chartreuse);width:100%;min-height:56px;color:var(--ink);border-radius:var(--radius);cursor:pointer;border:2px solid #0000;margin:0;padding:0 32px;font-size:1.125rem;font-weight:700;line-height:1}.bm-continue[aria-disabled=true]{color:var(--cream);border-color:var(--bm-rule);cursor:not-allowed;background:0 0}@media (hover:hover){.bm-continue[aria-disabled=false]:hover{background:var(--cream)}}.bm-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:599px){.bm{margin-inline:calc(-1 * max(var(--gutter), env(safe-area-inset-left)));border-radius:0;padding:28px 16px 32px}.bm-page{padding-top:0;padding-bottom:0}}@media (min-width:900px){.bm{--bm-h:clamp(560px, calc(100svh - 190px), 700px);grid-template-columns:minmax(0, 1fr) var(--bm-fig);grid-template-rows:1fr auto auto 1fr;grid-template-areas:".figure""intro figure""foot figure"".figure";gap:32px clamp(32px,5vw,80px)}.bm-intro{grid-area:intro}.bm-foot{grid-area:foot}.bm-figure,.bm-list{grid-area:figure}.bm--list{grid-template-columns:minmax(0,1fr) minmax(0,560px)}.bm-continue{justify-self:start;width:auto}}@media (prefers-reduced-motion:no-preference){.bm-mark,.bm-dab,.bm-dab-under{transition:transform .18s var(--ease-out)}.bm-spot[data-on] .bm-dab{animation:.46s cubic-bezier(.3,1.5,.5,1) bm-pop}.bm-ticks{animation:.42s cubic-bezier(.3,1.6,.5,1) 90ms both bm-burst}.bm-turn{animation:bm-turn .38s var(--ease-out)}}@keyframes bm-pop{0%{transform:scale(.2)}60%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes bm-burst{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes bm-turn{0%{transform:perspective(900px)rotateY(80deg)}to{transform:perspective(900px)rotateY(0)}}
