:root{--bf-radius: 24px;--bf-bg: rgba(255,255,255,.92);--bf-text: #1f2937;--bf-muted: rgba(31,41,55,.7);--bf-border: rgba(0,0,0,.08);--bf-shadow: 0 24px 70px rgba(0,0,0,.12);--bf-accent: #F6EEE3}.bf-header-root{position:fixed;inset:0 0 auto 0;z-index:90;pointer-events:none;display:flex;justify-content:center;padding:10px 12px}.bf-header-wrap{width:100%;max-width:1480px;pointer-events:auto}.bf-header{width:100%;background:var(--bf-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--bf-border);box-shadow:var(--bf-shadow);border-radius:999px;padding:10px 12px;display:flex;align-items:center;gap:14px;position:relative;overflow:visible}.bf-header *{box-sizing:border-box}.bf-logo{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;text-decoration:none;color:var(--bf-text)}.bf-logo svg,.bf-logo img{display:block;height:28px;width:auto}.bf-nav{display:none;margin-left:6px}.bf-nav-ul{display:flex;align-items:center;gap:26px;list-style:none;padding:0;margin:0}.bf-nav-li{position:relative}.bf-nav-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--bf-muted);font-weight:300;font-size:15px;line-height:1;padding:10px 2px}.bf-nav-link:hover{color:var(--bf-text)}.bf-actions{margin-left:auto;display:inline-flex;align-items:center;gap:10px}.bf-cta{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:10px 14px;background:var(--bf-accent);color:#111827;text-decoration:none;font-weight:500;border:1px solid rgba(0,0,0,.08);white-space:nowrap}.bf-burger{width:42px;height:42px;border-radius:999px;border:1px solid var(--bf-border);background:#ffffff8c;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.bf-burger-lines{width:18px;height:12px;display:flex;flex-direction:column;justify-content:space-between}.bf-burger-lines span{height:2px;width:100%;background:#1f2937cc;border-radius:999px;transition:transform .25s ease,opacity .2s ease}.bf-mobile{position:absolute;left:0;right:0;top:calc(100% + 10px);border-radius:var(--bf-radius);background:var(--bf-bg);border:1px solid var(--bf-border);box-shadow:var(--bf-shadow);overflow:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.bf-mobile.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.bf-mobile-inner{padding:16px;display:flex;flex-direction:column;gap:14px}.bf-mobile a{text-decoration:none;color:var(--bf-text);font-size:22px;font-weight:300;letter-spacing:-.02em}.bf-mega{position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-10px);width:720px;max-width:calc(100vw - 24px);border-radius:22px;background:#0e0f11;border:1px solid var(--bf-border);box-shadow:var(--bf-shadow);padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;z-index:9999}.bf-nav-li.has-mega:hover>.bf-mega,.bf-nav-li.has-mega:focus-within>.bf-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .18s ease,transform .18s ease,visibility 0s linear 0s}.bf-nav-li.has-mega:after{content:"";position:absolute;left:-20px;right:-20px;top:100%;height:18px;background:transparent}.bf-mega-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;align-items:start}.bf-mega-col{display:flex;flex-direction:column;gap:10px}.bf-mega-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:16px;text-decoration:none;color:var(--bf-text);border:1px solid transparent;background:#15171a}.bf-mega-item:hover{background:#0000000a;border-color:#0000000f}.bf-mega-title{font-size:15px;font-weight:500}.bf-mega-desc{font-size:12.5px;color:#fff9;margin-top:2px}.bf-mega-card{border-radius:18px;background:#00000008;padding:14px;border:1px solid rgba(49,20,20,.05);display:flex;flex-direction:column;gap:10px}.bf-mega-card img{width:100%;height:auto;border-radius:14px;display:block}.bf-mega-card-title{font-size:14px;font-weight:600;color:var(--bf-text)}.bf-mega-card-text{font-size:12.5px;color:#f5f5f5a6}.bf-mega{transform-style:preserve-3d;will-change:transform}.bf-mega-item,.bf-mega-card{transform:translateZ(0);will-change:transform}@media(min-width:990px){.bf-nav{display:block}.bf-burger,.bf-mobile{display:none}}.bf-mega-title,.bf-mega-card-title{color:#fff!important}.bf-mega-desc,.bf-mega-card-text{color:#ffffff5c!important}.bf-mega span[aria-hidden=true]{color:#fff!important}.bf-header-root,.bf-header-wrap,.bf-header{background:transparent!important}.bf-nav-link{color:#fff!important}.bf-mega-title,.bf-mega-desc{color:#111}.bf-mega:before,.bf-mega:after{display:none!important}.bf-mega{box-shadow:0 28px 70px #00000073,inset 0 0 0 1px #ffffff1f,0 0 20px #d9fe8524,0 0 48px #d9fe851a,0 0 96px #d9fe850f}.bf-nav-li.has-mega:hover>.bf-mega,.bf-nav-li.has-mega:focus-within>.bf-mega{box-shadow:0 34px 88px #0000008c,inset 0 0 0 1px #ffffff29,0 0 26px #d9fe852e,0 0 60px #d9fe851f,0 0 120px #d9fe8512}.bf-mega{--mx: 50%;--my: 30%;background-image:radial-gradient(420px 280px at var(--mx) var(--my),rgba(217,254,133,.05),rgba(217,254,133,.05) 25%,rgba(217,254,133,.02) 55%,rgba(217,254,133,0) 80%);background-repeat:no-repeat;background-blend-mode:screen}.bf-logo img{filter:none}.bf-burger-lines span{background-color:#fff!important}.bf-actions,.bf-actions *{color:#000!important}.bf-burger{color:#fff!important}.bf-header-root.bf-hide{transform:translateY(-120%)}.bf-header-root.bf-show{transform:translateY(0)}@media(max-width:1024px){.bf-actions a,.bf-actions .bf-start-project,.bf-actions [href*=project],.bf-actions [href*=start]{display:none!important}}@media(max-width:1024px){.bf-burger{background:transparent!important;border:none!important;box-shadow:none!important}.bf-burger-lines span{background-color:#fff!important}}@media(max-width:1024px){.bf-mobile{background:#0f0f0f8c;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);border-top:1px solid rgba(255,255,255,.12)}.bf-mobile-inner{background:transparent}.bf-mobile a{color:#fff}}.bf-cta{filter:url(#buttonFilter);text-decoration:none}.bf-cta-main{display:inline-flex;align-items:center;justify-content:center;position:relative;line-height:1;overflow:hidden;border-radius:999px;padding:8px 20px;background:var(--bf-primary, #F6EEE3);color:#111}.bf-cta-icon{width:36px;height:36px;margin-left:-6px;border-radius:999px;background:var(--bf-primary, #c6ff00);display:flex;align-items:center;justify-content:center;transition:transform .35s ease}@media(min-width:1025px){.bf-cta:hover .bf-cta-icon{transform:scale(1.12) rotate(45deg)}}.bf-cta{filter:url(#buttonFilter);text-decoration:none}.bf-cta-main{display:inline-flex;align-items:center;padding:8px 20px;background:var(--bf-primary, #F6EEE3);color:#111;border-radius:999px;line-height:1;z-index:1}.bf-cta-text{position:relative;top:1px;font-weight:500;white-space:nowrap}.bf-cta-icon{width:36px;height:36px;margin-left:-6px;border-radius:999px;background:var(--bf-primary, #c6ff00)}.bf-cta-arrow{width:36px;height:36px;position:absolute;top:0;right:0;z-index:2;display:flex;align-items:center;justify-content:center;transition:transform .35s ease}.bf-cta-arrow-inner{position:relative;overflow:hidden;width:14px;height:14px;color:#111}.bf-cta-arrow-primary{position:relative;transition:transform .35s ease}.bf-cta-arrow-secondary{position:absolute;top:0;left:0;transform:translate(-100%,100%);transition:transform .35s ease}.bf-cta-arrow-svg{width:14px;height:14px;fill:currentColor}@media(min-width:1025px){.bf-cta:hover .bf-cta-arrow{transform:rotate(45deg)}.bf-cta:hover .bf-cta-arrow-primary{transform:translate(100%,-100%)}.bf-cta:hover .bf-cta-arrow-secondary{transform:translate(0)}}@media(max-width:1024px){.bf-cta{display:none!important}}.bf-header-wrap{transition:all .45s ease}.bf-header{width:100%;transition:all .45s ease}.bf-header-root.is-shrink .bf-header{width:75%;margin-left:auto;margin-right:auto;background:#0f0f0f8c;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);border-radius:999px;box-shadow:0 10px 40px #00000040}@media(max-width:1024px){.bf-header-root.is-shrink .bf-header{width:100%;border-radius:0}}@media(min-width:1025px){.bf-header{display:flex;align-items:center}.bf-logo{flex:0 0 auto}.bf-nav{flex:1;display:flex;justify-content:center}.bf-nav-ul{display:flex;align-items:center;gap:32px}.bf-actions{flex:0 0 auto;display:flex;align-items:center}}.bf-header{--bf-header-radius: 999px}.bf-header-root:not(.is-shrink) .bf-header{background:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.bf-header-root.is-shrink .bf-header{background:#0f0f0f73!important;border:1px solid rgba(255,255,255,.12)!important;-webkit-backdrop-filter:blur(18px) saturate(120%)!important;backdrop-filter:blur(18px) saturate(120%)!important;box-shadow:0 10px 40px #00000040,0 0 0 1px #ffffff0f inset!important;border-radius:var(--bf-header-radius)!important}@media(max-width:1024px){.bf-header-root.is-shrink .bf-header{--bf-header-radius: 0px}}.bf-header-root.is-shrink .bf-header{position:relative;isolation:isolate}.bf-header-root.is-shrink .bf-header:before{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;pointer-events:none;opacity:.55;transform:rotate(12deg);background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.14) 50%,transparent 58%);mix-blend-mode:screen;clip-path:inset(0 round var(--bf-header-radius));z-index:0}.bf-header-root.is-shrink .bf-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.45;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");background-size:220px 220px;mix-blend-mode:overlay;clip-path:inset(0 round var(--bf-header-radius));z-index:0}.bf-header-root.is-shrink .bf-header>*{position:relative;z-index:1}.bf-header-root:not(.is-shrink) .bf-nav-link{color:#fff!important}.bf-header-root.is-shrink .bf-nav-link{color:#ffffffdb!important}.bf-header-root.is-shrink .bf-nav-link:hover{color:#fff!important}.bf-header-root.is-shrink .bf-burger{background:#ffffff0f!important;border-color:#ffffff24!important}.bf-header-root.is-shrink .bf-burger-lines span{background-color:#fff!important}.bf-header-root.is-shrink .bf-cta{color:#111827!important}.bf-header-root.is-shrink .bf-header:before{display:none!important}.bf-header-root{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:transform .35s ease}.bf-header-root.is-scrolled .bf-header{background:#0f0f0f8c!important;-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 40px #00000040!important}@media(max-width:1024px){.bf-header{width:100%!important;border-radius:999px!important}}@media(min-width:1025px){.bf-header-wrap,.bf-header{transition:all .45s ease}.bf-header-root.is-shrink .bf-header{width:75%;margin-left:auto;margin-right:auto;border-radius:999px}.bf-header-root.bf-hide{transform:translateY(-120%)}.bf-header-root.bf-show{transform:translateY(0)}}.bf-header-root.is-menu-open{transform:translateY(0)!important}@media(max-width:1024px){.bf-header-root.is-shrink .bf-header{width:100%!important;border-radius:999px!important}}.bf-header-root.is-light-bg:not(.is-scrolled):not(.is-shrink) .bf-nav-link{color:#0e0f11!important}.bf-header-root.is-light-bg:not(.is-scrolled):not(.is-shrink) .bf-nav-link:hover{color:#000!important}.bf-header-root.is-light-bg:not(.is-scrolled):not(.is-shrink) .bf-burger-lines span{background-color:#0e0f11!important}.bf-header-root.is-light-bg:not(.is-scrolled):not(.is-shrink) .bf-burger{color:#0e0f11!important}.bf-header-root.is-light-bg:not(.is-scrolled):not(.is-shrink) .bf-header{background:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.bf-header-root.is-scrolled .bf-nav-link,.bf-header-root.is-shrink .bf-nav-link{color:#ffffffdb!important}.bf-header-root.is-scrolled .bf-burger-lines span,.bf-header-root.is-shrink .bf-burger-lines span{background-color:#fff!important}@media(max-width:1024px){.bf-mobile{border-radius:24px!important;background:#0f0f0f9e!important;backdrop-filter:blur(20px) saturate(130%)!important;-webkit-backdrop-filter:blur(20px) saturate(130%)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 24px 70px #00000047,inset 0 0 0 1px #ffffff0f!important;overflow:hidden}.bf-mobile-inner{padding:14px!important;gap:6px!important}.bf-mobile-nav{display:flex;flex-direction:column;gap:6px}.bf-mobile-row,.bf-mobile-summary{width:100%;min-height:54px;border:0;border-radius:16px;padding:0 14px;background:#ffffff0a;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:22px;font-weight:300;letter-spacing:-.03em;cursor:pointer}.bf-mobile-row:hover,.bf-mobile-summary:hover{background:#ffffff12}.bf-mobile-accordion{border-radius:16px;overflow:hidden}.bf-mobile-summary::-webkit-details-marker{display:none}.bf-mobile-summary-icon{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#ffffffb8;transition:transform .25s ease;flex:0 0 auto}.bf-mobile-accordion[open] .bf-mobile-summary-icon{transform:rotate(180deg)}.bf-mobile-sub{display:grid;gap:6px;padding:7px 0 8px}.bf-mobile-sub a{min-height:44px;border-radius:14px;padding:10px 14px 10px 22px;background:#ffffff06;color:#ffffffbd!important;text-decoration:none;font-size:15px!important;font-weight:300!important;letter-spacing:-.01em;display:flex;align-items:center;justify-content:space-between}.bf-mobile-sub a:hover{background:#d9fe8514;color:#fff!important}.bf-mobile-sub-title{display:block}.bf-mobile-sub-desc{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:#ffffff6b}.bf-header-root.is-light-bg:not(.is-scrolled):not(.is-shrink) .bf-mobile a,.bf-header-root.is-light-bg:not(.is-scrolled):not(.is-shrink) .bf-mobile button,.bf-header-root.is-light-bg:not(.is-scrolled):not(.is-shrink) .bf-mobile summary{color:#fff!important}}.bf-header-root{transition:transform .35s ease;will-change:transform}.bf-header-root.bf-hide{transform:translateY(-120%)!important}.bf-header-root.bf-show,.bf-header-root.is-menu-open{transform:translateY(0)!important}@media(max-width:1024px){.bf-header-root.is-scrolled .bf-header{background:linear-gradient(#0f0f0f94,#0f0f0f94),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")!important;background-size:auto,180px 180px!important;background-blend-mode:normal,overlay!important;-webkit-backdrop-filter:blur(18px) saturate(120%)!important;backdrop-filter:blur(18px) saturate(120%)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 40px #00000040!important;border-radius:999px!important}.bf-header-root.is-scrolled .bf-burger-lines span{background-color:#fff!important}}body.template-index .bf-header-root:not(.is-scrolled):not(.is-shrink) .bf-nav-link{color:#fff!important}body.template-index .bf-header-root:not(.is-scrolled):not(.is-shrink) .bf-burger-lines span{background-color:#fff!important}body.template-index .bf-header-root:not(.is-scrolled):not(.is-shrink) .bf-burger{color:#fff!important}body.template-index .bf-header-root:not(.is-scrolled):not(.is-shrink) .bf-logo img{filter:brightness(0) invert(1)!important}body.template-index .bf-header-root:not(.is-scrolled):not(.is-shrink) .bf-logo svg,body.template-index .bf-header-root:not(.is-scrolled):not(.is-shrink) .bf-logo svg *{fill:#fff!important;color:#fff!important}.bf-header-root.is-dark-bg:not(.is-scrolled):not(.is-shrink) .bf-nav-link{color:#fff!important}.bf-header-root.is-dark-bg:not(.is-scrolled):not(.is-shrink) .bf-nav-link:hover{color:#ffffffc7!important}.bf-header-root.is-dark-bg:not(.is-scrolled):not(.is-shrink) .bf-burger-lines span{background-color:#fff!important}.bf-header-root.is-dark-bg:not(.is-scrolled):not(.is-shrink) .bf-burger{color:#fff!important}.bf-header-root.is-dark-bg:not(.is-scrolled):not(.is-shrink) .bf-logo img{filter:none!important}.bf-header-root.is-dark-bg:not(.is-scrolled):not(.is-shrink) .bf-logo svg,.bf-header-root.is-dark-bg:not(.is-scrolled):not(.is-shrink) .bf-logo svg *{color:inherit!important}@media(max-width:1024px){.bf-header-root.is-dark-bg:not(.is-scrolled):not(.is-shrink) .bf-burger-lines span{background-color:#fff!important}.bf-header-root.is-dark-bg:not(.is-scrolled):not(.is-shrink) .bf-burger{color:#fff!important}.bf-header-root.is-dark-bg:not(.is-scrolled):not(.is-shrink) .bf-logo img{filter:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/basefactory-header.css.map */