.bb-home{--bb-green: #005127;--bb-mint: #c6e5d5;--bb-orange: #f49517;--bb-cream: #f4f0e7;--bb-ink: #005127;--bb-text: #005127;--bb-muted: #4b584f;--bb-subtle: #667068;--bb-line: #d8dfda;--bb-surface: #fff}.bb-home__heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(28px,6vw,90px);align-items:end;margin-bottom:clamp(28px,4vw,46px)}.bb-home__heading h2{margin-bottom:0;color:var(--bb-green);font-size:clamp(34px,4.4vw,62px);line-height:1.02}.bb-home__heading p{margin-bottom:6px;color:var(--bb-muted);font-size:16px;line-height:1.6}.bb-lanes{margin-top:clamp(64px,9vw,120px);margin-bottom:clamp(64px,9vw,120px)}.bb-lanes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bb-lanes__lane{position:relative;display:block;background:var(--bb-green);color:#fff;text-decoration:none;overflow:hidden}.bb-lanes__lane img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.bb-lanes__lane:hover img{transform:scale(1.025)}.bb-lanes__caption{display:block;min-height:96px;padding:20px 22px}.bb-lanes__caption strong,.bb-lanes__caption>span{display:block}.bb-lanes__caption strong{font-size:clamp(20px,1.8vw,26px);letter-spacing:-.02em;line-height:1.1}.bb-lanes__caption>span{margin-top:4px;color:var(--bb-mint);font-size:13px;line-height:1.4}.bb-family{margin-top:clamp(64px,9vw,120px);margin-bottom:clamp(64px,9vw,120px);padding:clamp(36px,5vw,64px) clamp(24px,4vw,56px);background:var(--bb-cream)}.bb-family__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}.bb-family h2{color:var(--bb-green);font-size:clamp(32px,3.8vw,54px);line-height:1.02}.bb-family__copy p{max-width:44ch;color:var(--bb-muted);font-size:16px;line-height:1.6}.bb-family__copy .btn{margin-top:10px}.bb-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 12px;margin:0;padding:0 0 10px;list-style:none}.bb-family--new-only .bb-family__inner{display:block}.bb-family--new-only .bb-family__copy{max-width:640px;margin-bottom:26px}.bb-family--new-only .bb-swatches{grid-template-columns:repeat(5,minmax(0,1fr))}.bb-swatch{position:relative;display:block;width:100%;padding:5px;border:1px solid var(--bb-line);border-radius:10px;background:var(--bb-surface);text-decoration:none;transition:border-color .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}a.bb-swatch:hover{border-color:var(--bb-green);transform:translateY(-2px)}.bb-swatch img{display:block;width:100%;aspect-ratio:1 / 1;border-radius:7px;object-fit:cover}.bb-swatch__name{display:block;padding:8px 2px 5px;color:var(--bb-green);font-size:11.5px;font-weight:700;letter-spacing:.03em;text-align:center;text-transform:uppercase}.bb-swatch__badge{position:absolute;top:10px;right:10px;z-index:1;padding:2px 8px;border-radius:999px;background:var(--bb-mint);box-shadow:0 1px 4px #0000001f;color:var(--bb-green);font-size:9px;font-weight:800;letter-spacing:.04em;line-height:1.2;text-transform:uppercase;white-space:nowrap}.bb-swatch__badge--new{background:var(--bb-orange)}.bb-cred{margin-top:clamp(64px,9vw,120px);margin-bottom:clamp(64px,9vw,120px)}.bb-cred__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,48px);margin:0;padding:28px 0;border-top:1px solid #cfd7d1;border-bottom:1px solid #cfd7d1;list-style:none}.bb-cred__grid li{display:flex;gap:14px;align-items:center;min-width:0}.bb-cred__icon{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;color:var(--bb-green)}.bb-cred__icon svg{width:28px;height:28px}.bb-cred__grid strong,.bb-cred__grid small{display:block}.bb-cred__grid strong{color:var(--bb-green);font-size:13px;line-height:1.3}.bb-cred__grid small{margin-top:3px;color:var(--bb-subtle);font-size:11px;line-height:1.35}.bb-home-ugc{margin-top:clamp(64px,9vw,120px);margin-bottom:clamp(64px,9vw,120px)}.bb-home-ugc__rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.bb-home-ugc__card{min-width:0;background:var(--bb-cream)}.bb-home-ugc__media{position:relative;aspect-ratio:9 / 14;background:#dfe8e2;overflow:hidden}.bb-home-ugc__media video{display:block;width:100%;height:100%;object-fit:cover}.bb-home-ugc__caption{min-height:92px;padding:18px 20px}.bb-home-ugc__caption strong,.bb-home-ugc__caption span{display:block}.bb-home-ugc__caption strong{color:var(--bb-green);font-size:17px}.bb-home-ugc__caption span{margin-top:4px;color:var(--bb-muted);font-size:13px;line-height:1.45}@media(max-width:1023px){.bb-cred__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}}@media(max-width:767px){.bb-home__heading{grid-template-columns:1fr;gap:10px}.bb-lanes__grid,.bb-home-ugc__rail{display:flex;gap:10px;margin-right:calc(-1 * var(--container-gutter));padding-right:var(--container-gutter);overflow-x:auto;scroll-snap-type:x mandatory}.bb-lanes__lane,.bb-home-ugc__card{flex:0 0 78vw;scroll-snap-align:start}.bb-family__inner{grid-template-columns:1fr;gap:24px}.bb-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.bb-family--new-only .bb-swatches{display:flex;gap:10px;margin-right:calc(-1 * var(--container-gutter));padding-right:var(--container-gutter);overflow-x:auto;scroll-snap-type:x mandatory}.bb-family--new-only .bb-swatches li{flex:0 0 150px;scroll-snap-align:start}.bb-cred__grid li{display:block}.bb-cred__icon{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.bb-lanes__lane img,.bb-swatch{transition:none}}@media(min-width:768px){.js .cc-animate-enabled .bb-home[data-cc-animate] .bb-lanes__lane,.js .cc-animate-enabled .bb-home[data-cc-animate] .bb-cred__grid li,.js .cc-animate-enabled .bb-home[data-cc-animate] .bb-home-ugc__card,.js .cc-animate-enabled .bb-home[data-cc-animate] .bb-swatches li{opacity:0;transform:translateY(14px);transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .55s cubic-bezier(.22,1,.36,1)}.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-lanes__lane,.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-cred__grid li,.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-home-ugc__card,.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-swatches li{opacity:1;transform:translateY(0)}.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-lanes__lane:nth-child(2),.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-cred__grid li:nth-child(2),.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-home-ugc__card:nth-child(2),.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-swatches li:nth-child(2){transition-delay:.08s}.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-lanes__lane:nth-child(3),.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-cred__grid li:nth-child(3),.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-home-ugc__card:nth-child(3),.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-swatches li:nth-child(3){transition-delay:.16s}.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-cred__grid li:nth-child(4),.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-swatches li:nth-child(4){transition-delay:.24s}.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-swatches li:nth-child(5){transition-delay:.3s}.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-swatches li:nth-child(6){transition-delay:.36s}.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-swatches li:nth-child(7){transition-delay:.42s}.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-swatches li:nth-child(8){transition-delay:.48s}}@media(prefers-reduced-motion){.bb-lanes__lane,.bb-cred__grid li,.bb-home-ugc__card,.bb-swatches li{opacity:1!important;transform:none!important;transition:none!important}}.bb-sizes{margin-top:clamp(64px,9vw,120px);margin-bottom:clamp(64px,9vw,120px)}.bb-sizes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bb-sizes__card{display:block;border:1px solid var(--bb-line);border-radius:10px;background:var(--bb-surface);color:var(--bb-text);text-decoration:none;overflow:hidden;transition:border-color .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.bb-sizes__card:hover{border-color:var(--bb-green);box-shadow:0 10px 28px #002e161a;transform:translateY(-2px)}.bb-sizes__media{display:block;aspect-ratio:4 / 5;overflow:hidden}.bb-sizes__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.22,1,.36,1)}.bb-sizes__card:hover .bb-sizes__media img{transform:scale(1.025)}.bb-sizes__body{display:block;padding:20px 22px 22px}.bb-sizes__name{display:block;color:var(--bb-green);font-size:clamp(20px,1.8vw,25px);letter-spacing:-.02em;line-height:1.1}.bb-sizes__dims{display:inline-block;margin-top:8px;padding:3px 11px;border:1px solid rgba(0,81,39,.25);border-radius:999px;color:var(--bb-green);font-size:11px;font-weight:700}.bb-sizes__fits{display:block;margin-top:10px;color:var(--bb-muted);font-size:13px;line-height:1.5}.bb-sizes__price{display:block;margin-top:10px;color:var(--bb-green);font-size:15px;font-weight:700}.bb-sizes__cta{display:inline-block;margin-top:8px;color:var(--bb-green);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}@media(min-width:768px){.js .cc-animate-enabled .bb-home[data-cc-animate] .bb-sizes__card{opacity:0;transform:translateY(14px);transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .55s cubic-bezier(.22,1,.36,1)}.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-sizes__card{opacity:1;transform:translateY(0)}.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-sizes__card:nth-child(2){transition-delay:.08s}.js .cc-animate-enabled .bb-home[data-cc-animate].cc-animate-in .bb-sizes__card:nth-child(3){transition-delay:.16s}}@media(max-width:767px){.bb-sizes__grid{display:flex;gap:10px;margin-right:calc(-1 * var(--container-gutter));padding-right:var(--container-gutter);overflow-x:auto;scroll-snap-type:x mandatory}.bb-sizes__card{flex:0 0 74vw;scroll-snap-align:start}}@media(prefers-reduced-motion){.bb-sizes__card{opacity:1!important;transform:none!important;transition:none!important}}.bb-video-play{position:absolute;top:50%;left:50%;z-index:2;display:grid;width:52px;height:52px;padding:0;place-items:center;border:0;border-radius:50%;background:var(--bb-orange);box-shadow:0 0 0 5px #ffffff4d,0 6px 18px #002e1647;color:var(--bb-green);cursor:pointer;transform:translate(-50%,-50%);transition:transform .18s cubic-bezier(.22,1,.36,1)}.bb-video-play:hover{transform:translate(-50%,-50%) scale(1.06)}.bb-video-play svg{width:22px;height:22px;margin-left:3px}
/*# sourceMappingURL=/cdn/shop/t/15/assets/bb-home.css.map */