.fb{outline:none;justify-items:center;gap:22px;margin:0;display:grid;overflow-x:clip}.fb-book{width:min(100%, 1180px, calc(72vh * var(--spread-ar)));width:min(100%, 1180px, calc(72svh * var(--spread-ar)));aspect-ratio:var(--spread-ar);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;transition:transform .9s cubic-bezier(.45,0,.2,1);position:relative}.fb[data-closed=front] .fb-book{transform:translate(-25%)}.fb[data-closed=back] .fb-book{transform:translate(25%)}.fb:focus-visible .fb-book{outline:2px solid var(--moss-deep);outline-offset:10px;border-radius:4px}.fb-page,.fb-turn{width:50%;height:100%;position:absolute;top:0}.fb-left{left:0}.fb-right,.fb-turn{left:50%}.fb-turn{pointer-events:none}.fb-sheet{background:var(--card);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 22px 44px -26px #34281a8c,0 2px 6px #34281a14}.fb-sheet img,.fb-flap-face img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.fb-sheet--left:after,.fb-sheet--right:after{content:"";pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.fb-sheet--left:after{background:linear-gradient(270deg,#261c1233,#261c120d 3%,#261c1200 7%)}.fb-sheet--right:after{background:linear-gradient(90deg,#261c1233,#261c120d 3%,#261c1200 7%)}.fb-under,.fb-flap{position:absolute;top:0;bottom:0;left:0;right:0}.fb-under{overflow:hidden}.fb-front{box-shadow:none}.fb-flap{filter:drop-shadow(0 0 12px #261c124d)}.fb-flap-face{transform-origin:0 0;background:var(--washi-fibre), var(--card);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.fb-strip{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.fb-strip--under{background:linear-gradient(90deg,#261c126b,#261c121f 40%,#261c1200)}.fb-strip--crease{background:linear-gradient(90deg,#261c1252,#261c1214 22%,#ffffff29 48%,#fff0 72%)}.fb-controls{align-items:center;gap:10px;display:flex}.fb-where{text-align:center;font-variant-numeric:tabular-nums;min-width:13ch;color:var(--ink-soft);font-size:.9rem}.fb-btn{border:1px solid var(--ghost-border);border-radius:var(--radius-pill);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fcfaf599;place-items:center;padding:0;transition:background .2s,border-color .2s;display:inline-grid}.fb-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.fb-btn:hover:not([disabled]){background:var(--card);border-color:var(--moss)}.fb-btn:focus-visible{outline:2px solid var(--moss-deep);outline-offset:3px}.fb-btn[disabled]{opacity:.4;cursor:default}@media (max-width:760px){.fb-book{width:min(100%, calc(70vh * var(--page-ar)));width:min(100%, calc(70svh * var(--page-ar)));aspect-ratio:var(--page-ar)}.fb[data-closed] .fb-book{transform:none}.fb-left{display:none}.fb-right,.fb-turn{width:100%;left:0}.fb-right .fb-sheet--right:after,.fb-front.fb-sheet--right:after{background:0 0}}@media (prefers-reduced-motion:reduce){.fb-book{transition:none}}.demo-book{padding-bottom:112px;overflow-x:clip}.db-head{text-align:center;padding-top:88px}.db-head h1{letter-spacing:-.03em;max-width:15ch;margin-inline-start:auto;margin-inline-end:auto;font-size:clamp(2.4rem,6.4vw,4.2rem);line-height:1.02}.db-head .lede{max-width:52ch;color:var(--ink-soft);margin:22px auto 0;font-size:1.12rem}.db-narrow{display:none}.demo-book .db-stage{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"reader steps";align-items:center;gap:48px;padding-block-start:40px;padding-block-end:0;display:grid}.db-reader{grid-area:reader;min-width:0}.db-choose{border:1px solid var(--ghost-border);border-radius:var(--radius-pill);background:#fcfaf599;width:-moz-fit-content;width:fit-content;margin:0 auto 28px;padding:4px;display:flex}.db-choose button{border-radius:var(--radius-pill);min-width:104px;min-height:44px;color:var(--ink);font:600 1rem/1 var(--font-body);cursor:pointer;background:0 0;border:0;padding:0 22px;transition:background .2s,color .2s}.db-choose button[aria-pressed=true]{background:var(--stage);color:var(--paper)}.db-choose button:hover:not([aria-pressed=true]){background:var(--card)}.db-choose button:focus-visible{outline:2px solid var(--moss-deep);outline-offset:3px}.db-steps-wrap{grid-area:steps;position:relative}.db-steps-form{fill:currentColor;pointer-events:none;width:150px;height:150px;position:absolute}.db-steps-form-a{color:var(--sky);top:-44px;right:-46px;transform:rotate(-14deg)}.db-steps-form-c{color:var(--butter);width:130px;height:130px;bottom:-48px;left:-34px;transform:rotate(24deg)}.db-steps{border-radius:var(--radius-m);background:var(--card);box-shadow:var(--shadow-paper);padding:30px 28px 32px;position:relative}.db-steps h2{margin-bottom:20px;font-size:1.45rem}.db-steps h2 em{white-space:nowrap}.db-step-list{gap:18px;margin:0;padding:0;list-style:none;display:grid}.db-step-list li{grid-template-columns:46px minmax(0,1fr);align-items:start;gap:12px;display:grid}.db-step-list p{padding-top:9px;font-size:1rem;font-weight:600;line-height:1.35}.db-step-list p+p{padding-top:0}.db-step-mark{place-items:center;width:46px;height:42px;display:grid;position:relative}.db-step-mark svg{fill:currentColor;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.db-step-mark span{font-variant-numeric:tabular-nums;color:var(--stage);font-size:1.1rem;font-weight:700;position:relative}.db-step-mark.butter{color:var(--butter)}.db-step-mark.sky{color:var(--sky)}.db-step-mark.clay{color:var(--clay-soft)}.db-code{box-sizing:content-box;border-radius:var(--radius-s);width:160px;height:160px;image-rendering:pixelated;background:#fff;margin-top:12px;padding:8px;display:block;box-shadow:0 10px 24px -16px #34281a73}.db-stores{flex-wrap:wrap;gap:2px 16px;margin-top:6px;display:flex}.db-stores a{white-space:nowrap;color:var(--moss);text-underline-offset:3px;font-weight:500;text-decoration:underline}@media (max-width:900px){.demo-book .db-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"steps""reader";gap:36px}.db-steps h2{text-align:center}.db-step-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.db-code{width:140px;height:140px}}.demo-book .db-own{text-align:center;padding-block-start:104px;padding-block-end:0}.db-own h2{font-size:clamp(1.8rem,3.6vw,2.5rem)}.db-own h2 em{white-space:nowrap}.db-own .lede{max-width:46ch;color:var(--ink-soft);margin:0 auto;font-size:1.08rem}.db-own-ctas{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px;display:flex}@media (max-width:760px){.wrap.db-head,.wrap.db-stage,.wrap.db-own{padding-inline-start:16px;padding-inline-end:16px}.db-head{padding-top:56px}.db-wide{display:none}.db-narrow{display:inline}.demo-book .db-stage{grid-template-areas:"reader""steps";gap:48px;padding-top:32px}.demo-book .db-own{padding-top:80px}.db-step-list{grid-template-columns:minmax(0,1fr)}}