.bf{display:block;background:var(--bf-bg, #e8e8e8);color:var(--bf-ink, #1e1c1c);padding-block:clamp(32px,6vw,72px)}.bf__inner{max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,4vw,48px)}.bf__eyebrow,.bf-mono{font-family:var(--font-accent--family);text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;margin:0}.bf__h{margin:10px 0 0;font-family:var(--font-heading--family);font-weight:400;font-size:clamp(2.25rem,6vw,4rem);line-height:1.05;text-wrap:balance}.bf__sub{margin:6px 0 0;font-family:var(--font-heading--family);font-style:italic;font-size:clamp(1.2rem,3vw,1.6rem)}.bf--center{text-align:center}.bf-stage{position:relative;aspect-ratio:5 / 6;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:pan-y}.bf-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 52%;opacity:0;pointer-events:none;transition:opacity .45s ease}.bf-img.is-active{opacity:1;animation:bf-in .55s cubic-bezier(.2,.7,.2,1) both}@keyframes bf-in{0%{opacity:0;transform:translate(var(--bf-from, 0)) scale(.97)}to{opacity:1;transform:none}}.bf-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.bf-pills::-webkit-scrollbar{display:none}.bf-pill{flex:none;font-family:var(--font-accent--family);text-transform:uppercase;font-size:.75rem;letter-spacing:.06em;padding:10px 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--bf-ink) 22%,transparent);background:transparent;color:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease}.bf-pill[aria-pressed=true]{background:var(--bf-ink);color:var(--bf-bg);border-color:var(--bf-ink)}.bf-swatches{display:flex;flex-wrap:wrap;gap:12px}.bf-swatch{width:36px;height:36px;border-radius:50%;border:0;padding:0;cursor:pointer;background-size:600%;background-position:50% 70%;box-shadow:0 0 0 1px color-mix(in srgb,var(--bf-ink) 14%,transparent);transition:box-shadow .2s ease,transform .2s ease}.bf-swatch:hover{transform:scale(1.06)}.bf-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--bf-bg),0 0 0 4px var(--bf-ink)}.bf-swatch:focus-visible{outline:2px solid var(--bf-ink);outline-offset:4px}.bf-swatch.is-soldout{opacity:.4}.bf-swatch[data-swatch-shape=shape_flap]{background-size:800%;background-position:50% 60%}.bf-specs{margin:0;border-top:1px solid color-mix(in srgb,var(--bf-ink) 18%,transparent)}.bf-specs>div{display:grid;grid-template-columns:9.5em 1fr;gap:12px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--bf-ink) 10%,transparent)}.bf-specs>div[hidden]{display:none}.bf-specs dt{font-family:var(--font-accent--family);text-transform:uppercase;font-size:.7rem;letter-spacing:.16em;opacity:.65;padding-top:4px}.bf-specs dd{margin:0;font-family:var(--font-heading--family);font-size:1.2rem;line-height:1.3}.bf-btn{display:block;width:100%;padding:18px 20px;border:1px solid var(--bf-ink);background:var(--bf-ink);color:var(--bf-bg);font-family:var(--font-accent--family);text-transform:uppercase;font-size:.8rem;letter-spacing:.14em;text-align:center;text-decoration:none;cursor:pointer;transition:opacity .2s ease}.bf-btn--ghost{background:transparent;color:var(--bf-ink)}.bf-btn:disabled{opacity:.5;cursor:default}.bf-link{font-family:var(--font-accent--family);text-transform:uppercase;font-size:.72rem;letter-spacing:.14em;color:inherit;background:none;border:0;padding:4px 0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.bf-arrow{position:absolute;top:50%;z-index:2;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:2rem;line-height:1;cursor:pointer;opacity:.45;transition:opacity .2s ease,background-color .2s ease}.bf-arrow:hover,.bf-arrow:focus-visible{opacity:1;background:color-mix(in srgb,var(--bf-ink) 6%,transparent)}.bf-dots{display:flex;justify-content:center;gap:10px;margin-top:14px}.bf-dots span{width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--bf-ink) 22%,transparent);transition:background-color .3s ease}.bf-dots span.is-on{background:var(--bf-ink)}@media(prefers-reduced-motion:reduce){.bf-img.is-active{animation:none}.bf-img{transition:none}}.bf [hidden]{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/20/assets/baggy-float.css.map */