@layer components{.bon-el{--be-chalk:#faf8f3;--be-chalk-2:#f5f1e8;--be-tile:#f0eadc;--be-linen:#e9e2d3;--be-dark:#232a20;--be-dark-2:#2b3327;--be-dark-3:#343d2f;--be-ink:#1c211a;--be-ink-soft:#4e5649;--be-grey:#7a8175;--be-grey-soft:#9aa094;--be-matcha:#a9bd96;--be-matcha-soft:#c2d2b1;--be-mist:#e7eedd;--be-sage:#6f8168;--be-tint-lemongrass:#b7cca2;--be-tint-citrus:#c7d7ba;--be-tint-eucalyptus:#aec6a6;--be-tint-lemon:#cbd68f;--be-line:#1c211a1f;--be-line-soft:#1c211a12;--be-line-dark:#faf8f324;background-color:var(--be-chalk);color:var(--be-ink-soft);font-family:var(--font-geist), "Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased}.bon-el ::selection{background-color:var(--be-matcha);color:#1c211a}.bon-el a:focus-visible,.bon-el button:focus-visible,.bon-el input:focus-visible,.bon-el [tabindex]:focus-visible{outline:2px solid var(--be-sage);outline-offset:3px;border-radius:4px}.be-display{letter-spacing:-.03em;color:var(--be-ink);font-weight:400;line-height:1.03}.be-display-sm{letter-spacing:-.022em;color:var(--be-ink);font-weight:400;line-height:1.12}.be-dark-surface .be-display,.be-dark-surface .be-display-sm,.be-on-photo .be-display,.be-on-photo .be-display-sm{color:var(--be-chalk)}.be-label{letter-spacing:0;color:var(--be-grey);font-size:.875rem;font-weight:400}.be-dark-surface .be-label,.be-on-photo .be-label{color:#faf8f39e}.be-body{letter-spacing:-.004em;line-height:1.62}.be-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.be-wordmark-giant{letter-spacing:-.045em;white-space:nowrap;font-weight:500;line-height:.78}.be-arrow-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:.75rem;padding:.375rem .375rem .375rem 1.35rem;font-size:.9rem;line-height:1;transition:background-color .3s,color .3s,border-color .3s;display:inline-flex}.be-arrow-pill .be-badge{border-radius:999px;flex:none;justify-content:center;align-items:center;width:2.15rem;height:2.15rem;transition:transform .45s cubic-bezier(.22,1,.36,1),background-color .3s;display:inline-flex}.be-arrow-pill:hover .be-badge{transform:rotate(45deg)}.be-pill-dark{background-color:var(--be-ink);color:var(--be-chalk)}.be-pill-dark .be-badge{background-color:var(--be-chalk);color:var(--be-ink)}.be-pill-dark:hover{background-color:#2f3a2b}.be-pill-light{background-color:var(--be-chalk);color:var(--be-ink)}.be-pill-light .be-badge{background-color:var(--be-ink);color:var(--be-chalk)}.be-pill-matcha{background-color:var(--be-matcha);color:#1c211a}.be-pill-matcha .be-badge{color:var(--be-matcha);background-color:#1c211a}.be-pill-outline{border:1px solid var(--be-line);color:var(--be-ink);padding-left:1.35rem}.be-pill-outline .be-badge{background-color:var(--be-ink);color:var(--be-chalk)}.be-pill-outline:hover{border-color:var(--be-sage)}.be-round{border:1px solid var(--be-line);width:2.75rem;height:2.75rem;color:var(--be-ink);border-radius:999px;justify-content:center;align-items:center;transition:background-color .28s,color .28s,border-color .28s,opacity .28s;display:inline-flex}.be-round:hover:not(:disabled){background-color:var(--be-ink);border-color:var(--be-ink);color:var(--be-chalk)}.be-round:disabled{opacity:.32}.be-navlink{padding-bottom:2px;position:relative}.be-navlink:after{content:"";transform-origin:0;background-color:currentColor;height:1px;transition:transform .45s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.be-navlink:hover:after,.be-navlink[data-active=true]:after{transform:scaleX(1)}.be-glass{-webkit-backdrop-filter:blur(18px)saturate(1.1);background-color:#faf8f3e6}.be-scroll{scrollbar-width:none}.be-scroll::-webkit-scrollbar{display:none}.be-dash{background-color:var(--be-line);border-radius:999px;width:1.9rem;height:2px;transition:background-color .35s,width .35s}.be-dash[data-active=true]{background-color:var(--be-ink);width:2.6rem}.be-leader{border-bottom:1.5px dotted color-mix(in srgb, var(--be-ink) 32%, transparent);flex:1;align-self:flex-end;height:0;margin:0 .7rem .4rem}.be-underline{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;padding-bottom:2px;transition:background-size .45s cubic-bezier(.22,1,.36,1)}.be-underline:hover,a:hover>.be-underline,button:hover>.be-underline{background-size:100% 1px}@media (prefers-reduced-motion:no-preference){.be-reveal{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--be-delay,0s);transform:translateY(24px)}.be-reveal.is-in{opacity:1;transform:none}.be-hero-img{animation:3.6s cubic-bezier(.22,1,.36,1) both be-settle}.be-rise{opacity:0;animation:1.05s cubic-bezier(.22,1,.36,1) both be-rise;animation-delay:var(--be-delay,0s)}.be-clip{clip-path:inset(0 0 100%);transition:clip-path 1.3s cubic-bezier(.22,1,.36,1) 50ms}.is-in .be-clip{clip-path:inset(0)}.be-zoom img{transition:transform 1.6s cubic-bezier(.22,1,.36,1)}.be-zoom:hover img{transform:scale(1.05)}.be-thread path{stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset 1.9s cubic-bezier(.65,0,.35,1);transition-delay:var(--be-delay,0s)}.is-in .be-thread path,.be-thread.is-in path{stroke-dashoffset:0}.be-thread circle{opacity:0;transition:opacity .6s;transition-delay:calc(var(--be-delay,0s) + 1.2s)}.is-in .be-thread circle,.be-thread.is-in circle{opacity:1}.be-draw path{stroke-dasharray:var(--be-len,90);stroke-dashoffset:var(--be-len,90);animation:1.5s cubic-bezier(.65,0,.35,1) .3s forwards be-draw}.be-fade{animation:.6s cubic-bezier(.22,1,.36,1) both be-fade}.be-acc{transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1),opacity .45s}.be-liquid{transition:height 1.15s cubic-bezier(.5,.1,.2,1)}.be-pour{transition:opacity .25s}.be-overlay{transition:opacity .45s,visibility .45s}.be-marquee{animation:46s linear infinite be-marquee}.be-marquee-track:hover .be-marquee{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.be-thread path{stroke-dashoffset:0}}}@keyframes be-settle{0%{transform:scale(1.09)}to{transform:scale(1)}}@keyframes be-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes be-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes be-draw{to{stroke-dashoffset:0}}@keyframes be-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}