.bf26{--page:#FFFFFF;--mid:#F6F6F6;--ink:#1D1D1F;--gray:#6E6E73;--gray-dark:#A1A1A6;--line:#E8E8ED;--blue:#0071E3;--black:#000000;--font:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-family:var(--font);color:var(--ink);background:var(--mid)}.bf26 *,.bf26 *:before,.bf26 *:after{box-sizing:border-box}.bf26 img{display:block;max-width:100%}.bf26 .wrap{max-width:1180px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.bf26 .pill{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 32px;border:0;background:none;border-radius:100px;font-size:16px;font-weight:500;white-space:nowrap;transition:opacity .15s}.bf26 .pill:hover{opacity:.8}.bf26 .pill--blue{background:var(--blue);color:#fff;position:relative;transition:background-color .3s ease,padding-right .35s cubic-bezier(.2,.65,.2,1)}.bf26 .cta-t{position:relative;display:inline-block;transition:transform .35s cubic-bezier(.2,.65,.2,1)}.bf26 .cta-arr{position:absolute;top:50%;left:calc(100% + 8px);width:14px;height:11px;margin-top:-5.5px;opacity:0;transform:translate(-8px);transition:opacity .25s ease,transform .35s cubic-bezier(.2,.65,.2,1);pointer-events:none}.bf26 .pill--blue:hover,.bf26 .pill--blue:focus-visible{opacity:1;background:#3b8fef}.bf26 .pill--blue:hover,.bf26 .pill--blue:focus-visible{padding-right:54px}.bf26 .bar .pill--blue:hover,.bf26 .bar .pill--blue:focus-visible{padding-right:clamp(14px,3.2vw,32px)}.bf26 .bar .cta-arr{display:none}.bf26 .dlg-cta.pill--blue:hover,.bf26 .dlg-cta.pill--blue:focus-visible{padding-right:32px}.bf26 .dlg-cta.pill--blue:hover .cta-t,.bf26 .dlg-cta.pill--blue:focus-visible .cta-t{transform:translate(-11px)}.bf26 .pill--blue:hover .cta-arr,.bf26 .pill--blue:focus-visible .cta-arr{opacity:1;transform:none}.bf26 .pill--ghost{border:1px solid #C7C7CC;color:var(--ink)}.bf26 .bar .pill{padding:0 clamp(14px,3.2vw,32px)}.bf26 .bar .pill--ghost{white-space:nowrap}@media(max-width:767px){.bf26 .bar{height:56px}.bf26 .bar .pill{height:44px;font-size:14px;padding:0 clamp(12px,3.2vw,16px)}.bf26 .bar .cartcount{top:0;right:4px}.bf26 .lbl-d{display:none}.bf26 .lbl-m{display:inline}}@media(max-width:359px){.bf26 .bar .pill--blue{display:none}}.bf26 .nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding-block:8px;flex-wrap:wrap}.bf26 .hero{--hh:calc(100vw / 1.768);--band:.68;position:relative;overflow:hidden;isolation:isolate;background:#021123;color:#fff}.bf26 .hero .wrap{text-shadow:0 1px 14px rgba(2,17,35,.55)}.bf26 .hero .pill{text-shadow:none}.bf26 .hero picture{position:absolute;left:0;right:0;bottom:0;height:var(--hh);z-index:-1}.bf26 .hero .wrap{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:clamp(40px,4.4vw,64px);padding-bottom:clamp(44px,6vw,64px)}.bf26 .hero--photo .wrap{padding-bottom:calc(var(--hh) * var(--band))}.bf26 .eyebrow{font-size:15px;font-weight:500;line-height:1.35}.bf26 .hero h1{color:inherit;margin-top:8px;font-size:clamp(32px,calc(18px + 2.9vw),56px);line-height:1.15;letter-spacing:-.02em;max-width:22ch}.bf26 .hero .sub{margin-top:12px;font-size:clamp(17px,calc(14.6px + .45vw),21px);line-height:1.4;font-weight:500;letter-spacing:-.005em;color:#ffffffc7;max-width:34ch}.bf26 .hero .ctas{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:clamp(22px,3vw,30px)}.bf26 .hero-img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 100%;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%);mask-image:linear-gradient(to bottom,transparent,#000 12%)}@media(max-width:767px){.bf26 .hero{--hh: 177.7vw ;--band:.77}.bf26 .hero .wrap{padding-top:36px}}.bf26 .sec-h{font-size:clamp(28px,calc(17px + 2.2vw),48px);line-height:1.1;letter-spacing:-.02em}.bf26 .catnav{background:var(--mid);padding-block:clamp(44px,6vw,64px) clamp(32px,4vw,48px)}.bf26 .catnav .sec-h{margin-bottom:36px}.bf26 .catnav-row{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-block:6px;padding-inline:max(20px,calc(50% - 570px));scroll-padding-left:max(20px,calc(50% - 570px))}.bf26 .catnav-row::-webkit-scrollbar{display:none}.bf26 .catnav-tile{flex:0 0 min(88%,1000px);scroll-snap-align:start;display:flex;flex-direction:column;gap:18px}.bf26 .catnav-card{position:relative;display:flex;align-items:center;justify-content:center;background:var(--page);border-radius:28px;aspect-ratio:2/1;overflow:hidden}.bf26 .catnav-card img{height:76%;width:84%;object-fit:contain;pointer-events:none;transition:transform .3s ease}.bf26 .catnav-card.has-photo img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;object-fit:cover}.bf26 .catnav-txt{display:flex;flex-direction:column;gap:4px;min-width:0;padding:0 9% 0 4px}.bf26 .catnav-txt b{font-size:clamp(18px,calc(14px + .7vw),24px);font-weight:500;letter-spacing:-.012em;line-height:1.3;text-wrap:balance}.bf26 .catnav-txt>span{font-size:15px;font-weight:500;line-height:1.5;color:var(--gray);max-width:62ch;text-wrap:pretty}.bf26 .catnav-cta{align-self:flex-start;display:inline-flex;align-items:center;height:44px;padding:0 32px;margin-top:14px;background:var(--blue);color:#fff;font-size:16px;line-height:1;font-weight:500;border-radius:100px;position:relative;transition:background-color .3s ease,padding-right .35s cubic-bezier(.2,.65,.2,1)}.bf26 .catnav-cta:hover,.bf26 .catnav-cta:focus-visible{padding-right:54px;background:#3b8fef}.bf26 .catnav-cta:hover .cta-arr,.bf26 .catnav-cta:focus-visible .cta-arr{opacity:1;transform:none}.bf26 .catnav-card:hover img{transform:scale(1.03)}@media(max-width:767px){.bf26 .catnav .sec-h{margin-bottom:20px}.bf26 .catnav-row{gap:12px;padding-inline:max(20px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-right,0px));scroll-padding-left:max(20px,env(safe-area-inset-left,0px))}.bf26 .catnav-txt{gap:6px}.bf26 .catnav-tile{flex:0 0 86%;gap:12px}.bf26 .catnav-card{aspect-ratio:20/27;border-radius:24px}.bf26 .catnav-card img{height:80%;width:84%}.bf26 .catnav-txt b{font-size:18px}.bf26 .catnav-tools{display:none}}.bf26 .band{background:var(--black);color:#f5f5f7}.bf26 .band .wrap{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:clamp(64px,9vw,96px)}.bf26 .band h2{color:inherit;margin-top:10px;font-size:clamp(28px,calc(22px + 1.25vw),40px);line-height:1.15;letter-spacing:-.02em;max-width:640px}.bf26 .band .sub{margin-top:14px;font-size:clamp(17px,calc(15px + .4vw),18px);line-height:1.6;font-weight:500;letter-spacing:-.005em;color:var(--gray-dark);max-width:40ch}.bf26 .band .pill--blue{margin-top:28px}.bf26 .band .pill--blue{transition:background-color .3s ease,padding-right .35s cubic-bezier(.2,.65,.2,1)}.bf26 .band .pill--blue:hover,.bf26 .band .pill--blue:focus-visible{padding-right:54px;background:#3b8fef}.bf26 .band .pill--blue:hover .cta-t,.bf26 .band .pill--blue:focus-visible .cta-t{transform:none}.bf26 .foot .wrap{padding-block:40px 32px}@media(prefers-reduced-motion:reduce){.bf26 .ovl,.bf26 .dlg{animation:none}.bf26 .card-hit .thumb,.bf26 .qbuy,.bf26 .catnav-card img{transition:none}.bf26 .cta-t,.bf26 .cta-arr{transition:opacity .2s ease}.bf26 .pill--blue,.bf26 .catnav-cta{transition:background-color .3s ease}}.bf26 .disc-row .pill{flex:none}.bf26 .catnav-tools{display:flex;justify-content:flex-end;gap:12px;margin-top:14px}.bf26 .arr{width:40px;height:40px;border-radius:50%;border:1px solid #D2D2D7;background:transparent;display:grid;place-items:center;color:var(--ink);cursor:pointer;transition:opacity .2s,background-color .15s}.bf26 .arr:hover:not(:disabled){background:var(--page)}.bf26 .arr:disabled{opacity:.35;cursor:default}@media(max-width:767px){.bf26 .catnav-tools{display:none}}@media(max-width:767px){#smile-ui-container{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/481/assets/bf26-landing.css.map */