.bf-site .how-steps{counter-reset:how;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:40px 0 0;padding:0;list-style:none;display:grid}.bf-site .how-step{background:var(--color-pure-white);border:1px solid var(--color-linen);border-radius:var(--radius-card-lg);flex-direction:column;padding:20px 22px 26px;display:flex;position:relative}.bf-site .how-step__fox{width:100%;max-width:220px;margin:0 auto 8px}.bf-site .how-step--apricot{background:var(--color-apricot);border-color:#0000}.bf-site .how-step--sunbeam{background:var(--color-sunbeam);border-color:#0000}.bf-site .how-step--wash{background:#faf1e0;border-color:#0000}.bf-site .how-step--page{background:var(--color-page-cream)}.bf-site .how-step--paid{background:#f7f8e3;border-color:#0000}.bf-site .how-step--paid .medallion__frame video,.bf-site .how-step--paid .medallion__frame img{-webkit-mask-image:radial-gradient(closest-side,#000 72%,#0000 100%);mask-image:radial-gradient(closest-side,#000 72%,#0000 100%)}.bf-site .books-layout{grid-template-columns:minmax(0,1fr) minmax(260px,380px);align-items:start;gap:40px;margin-top:28px;display:grid}.bf-site .books-journey{contain:size;grid-template-rows:repeat(2,minmax(0,1fr));align-self:stretch;gap:12px;margin:0;padding:0;list-style:none;display:grid}.bf-site .books-bubble{aspect-ratio:1;background:#f8fae5;border-radius:50%;height:100%;animation:6s ease-in-out infinite floaty;overflow:hidden;-webkit-mask-image:radial-gradient(closest-side,#000 86%,#0000 100%);mask-image:radial-gradient(closest-side,#000 86%,#0000 100%)}.bf-site .books-bubble img{object-fit:cover;width:100%;height:100%;display:block}.bf-site .books-bubble--sold{place-self:start}.bf-site .books-bubble--recycled{place-self:end;animation-delay:-3s}@media (prefers-reduced-motion:reduce){.bf-site .books-bubble{animation:none}}@media (max-width:860px){.bf-site .books-layout{grid-template-columns:minmax(0,1fr);gap:28px}.bf-site .books-journey{contain:none;grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bf-site .books-bubble{place-self:start stretch;width:100%;height:auto;max-height:none}}.bf-site .how-step__num{border-radius:var(--radius-pill);background:var(--color-charcoal-ink);width:36px;height:36px;color:var(--color-pure-white);justify-content:center;align-items:center;margin-bottom:12px;font-weight:700;display:inline-flex}.bf-site .how-step h3{margin:0 0 8px}.bf-site .how-step p{color:var(--color-graphite);margin:0}.bf-site .how-step:not(:last-child):after{content:"";border-top:3px solid var(--color-fox-orange);border-right:3px solid var(--color-fox-orange);width:14px;height:14px;position:absolute;top:118px;right:-17px;transform:rotate(45deg)}@media (max-width:1023px){.bf-site .how-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.bf-site .how-step:after{display:none}}@media (max-width:599px){.bf-site .how-steps{grid-template-columns:1fr}.bf-site .how-step__fox{max-width:180px}}.bf-site .how-cta{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-top:36px;display:flex}.bf-site .how-cta .cta-row{justify-content:center}.bf-site .how-cta__note{max-width:560px;color:var(--color-graphite);margin:0}.bf-site [data-ladder=bands] li.rung.rung--drive{--surf:#f7f8e3;--ink:var(--color-graphite);--ink-strong:var(--color-charcoal-ink);--chip-bg:var(--color-pure-white);--chip-ink:var(--color-ember);--disc-bg:var(--color-charcoal-ink);--disc-ink:var(--color-pure-white)}.bf-site [data-ladder=bands] li.rung.rung--drive .rung__cta .pill--dark{background:var(--color-charcoal-ink);color:var(--color-pure-white)}.bf-site [data-ladder=bands] li.rung.rung--drive .rung__cta .pill--dark:hover{background:color-mix(in srgb, var(--color-charcoal-ink) 88%, #000);color:var(--color-pure-white)}.bf-site [data-ladder=bands] li.rung.rung--drive :focus-visible{outline-color:var(--color-charcoal-ink)}.bf-site li.rung.rung--drive .medallion__frame video,.bf-site li.rung.rung--drive .medallion__frame img{-webkit-mask-image:radial-gradient(closest-side,#000 72%,#0000 100%);mask-image:radial-gradient(closest-side,#000 72%,#0000 100%)}.bf-site .donate-band-wrap{margin-top:40px}.bf-site .donate-band{border-radius:var(--radius-card-xl);background:#e6f0df;border:1px solid #d3e3c8;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:26px 32px;display:flex}.bf-site .donate-band__text{color:var(--color-charcoal-ink);margin:0;font-size:1.2rem}.bf-site .donate-band__text strong{font-weight:700}@media (max-width:599px){.bf-site .donate-band{padding:22px}.bf-site .donate-band .pill{justify-content:center;width:100%}}.bf-site .rung__name--split .rung__name-ask,.bf-site .rung__name--split .rung__name-line{display:block}.bf-site .rung__name--split .rung__name-ask{color:#fb923c}@media (min-width:1100px){.bf-site [data-ladder=bands] .rung__name--split{white-space:nowrap;z-index:1;font-size:clamp(1.375rem,1.75vw,1.75rem);position:relative}}