@import"https://fonts.googleapis.com/css2?family=Teko:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";*,*:before,*:after{box-sizing:border-box}ul,ol button{padding:0}body,h1,h2,h3,h4,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0}body{scroll-behavior:smooth;text-rendering:optimizeLegibility;line-height:1.5;font-size:1em}ul,ol{list-style:none;padding:0}img,svg{max-width:100%;max-height:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}h1,h2,h3{font-family:Teko,sans-serif;text-transform:uppercase;line-height:1;font-weight:400;letter-spacing:.03em}a{color:#cfa86b;text-decoration:none}.button{display:inline-flex;align-items:center;padding:.75em 1.25em;background:#cfa86b;color:#fff;line-height:1;font-weight:500;cursor:pointer;transition:background .2s ease}.button i{margin-left:.75em;transition:transform .2s ease}@media(hover:hover){.button:hover{background:#c99d58}.button:hover i.arrow{transform:translate(.3em)}}.button.btn-big{width:100%;height:6rem;display:flex;justify-content:center;align-items:center;font-size:2rem}span.honey{color:#cfa86b}body{height:100vh;background:#fafaf8;font-family:Ubuntu,sans-serif;font-size:16px;color:#3d3e3b;overflow-y:scroll}#navbar{position:fixed;top:0;right:0;left:0;padding:max(2vw,1rem) max(5vw,1rem) 0 max(5vw,1rem);display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:100}#navbar #logo-beelife{height:2.5rem;display:flex;flex-direction:row;align-items:center;gap:1rem;cursor:pointer}#navbar #logo-beelife h2{line-height:1;font-size:2.3rem;font-weight:500;letter-spacing:.2em;transform:translateY(.07em)}#navbar #nav{height:3rem;display:flex;flex-direction:row;gap:.5rem}#navbar #nav #nav-tabs{position:relative;background:#fff;box-shadow:.3rem .3rem 1rem #0000000d}#navbar #nav #nav-tabs #nav-tabs-inner{height:100%;display:flex;flex-direction:row;align-items:center;gap:2rem;padding:0 1.5rem;margin:0;list-style:none}#navbar #nav #nav-tabs #nav-tabs-inner .nav-tab{line-height:1;font-weight:500;cursor:pointer}@media(hover:hover){#navbar #nav #nav-tabs #nav-tabs-inner .nav-tab:hover{color:#cfa86b}}#navbar #nav #nav-tabs #progress-bar{width:100%;height:.25rem;position:absolute;top:0;left:0;appearance:none}#navbar #nav #nav-tabs #progress-bar::-webkit-progress-bar{background:transparent}#navbar #nav #nav-tabs #progress-bar::-webkit-progress-value{background:#cfa86b}#content{width:100%;height:100vh;display:flex;flex-direction:row;will-change:transform}#content header,#content section,#content footer{flex:none}#hero,#footer{width:50vw;height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}#hero{padding:10vw 8vw 5vw 10vw}#hero #intro{line-height:1.6;font-size:1.5rem}#hero #intro p{margin-top:4rem}#hero #start-scrolling{align-self:flex-end}#footer{padding:10vw 10vw 5vw 8vw}#footer #call-to-action{font-size:9vmin}#footer #outro p{font-size:1.25rem;margin-bottom:2rem}.scene{height:100%;position:relative}.scene .scene-background{width:100%;height:100%;position:relative;mask-size:cover;mask-repeat:no-repeat;mask-position:center}.scene .scene-background .backgrounds-wrapper{width:125%;height:100%;position:absolute;top:0;left:0;will-change:transform}.scene .scene-background .backgrounds-wrapper .background{width:100%;max-width:unset;height:100%;position:absolute;top:0;left:0;background-size:cover!important;background-repeat:no-repeat!important;background-position:right center!important}.scene .scene-background .backgrounds-wrapper .background-before{will-change:opacity}.scene .scene-background .bees{width:100%;height:100%;position:absolute;top:0;left:0;will-change:opacity}.scene .scene-background .bees canvas{display:block;vertical-align:bottom}.scene#scene-2{--offset: 6.09;transform:translate(-6.09%)}.scene#scene-3{--offset: 12.18;transform:translate(-12.18%)}.scene#scene-4{--offset: 18.27;transform:translate(-18.27%)}.scene#scene-5{--offset: 31.8;transform:translate(-31.8%)}.scene .scene-content{width:100%;height:100%;position:absolute;top:0;left:0;display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:1fr;gap:2.78vh;padding:1.39vh 0}.scene .scene-content .tile{background:#3d3e3b;grid-row:span 2;grid-column:1;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);position:relative;color:#fff;z-index:2;cursor:pointer;transition:transform .2s ease-out}@media(hover:hover){.scene .scene-content .tile:hover{transform:scale(.98)}}.scene .scene-content .tile .tile-bg{width:100%;height:100%;position:absolute;top:0;left:0;background-size:cover!important;background-repeat:no-repeat!important;background-position:center center!important;opacity:0;transition:opacity .2s ease-out}.scene .scene-content .tile .tile-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:20%;z-index:2;text-align:center}.scene .scene-content .tile .tile-content .tile-title{font-size:4.5vmin;transform:translateY(.07em)}.scene .scene-content .tile .tile-content .button{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);transition:background .2s ease,transform .25s ease-out}@media(hover:hover){.scene .scene-content .tile:hover .tile-bg{opacity:1}.scene .scene-content .tile:hover .tile-content .button{transform:translate(-50%,-50%);background:#c99d58}}.scene#scene-1 .tile,.scene#scene-5 .tile{width:38.64%}.scene .tile{width:29.57%;--wide-spacing: 23.48%}.scene .tile#tile-1{justify-self:flex-end;grid-row:2/span 2}.scene .tile#tile-1 .tile-bg{background:url(/tiles/tile1.gif)}.scene .tile#tile-2{justify-self:flex-end;grid-row:3/span 2;margin-right:var(--wide-spacing)}.scene .tile#tile-2 .tile-bg{background:url(/tiles/tile2.gif)}.scene .tile#tile-3{justify-self:flex-start;grid-row:2/span 2;margin-left:var(--wide-spacing);cursor:default}.scene .tile#tile-3 .tile-content{padding:0}.scene .tile#tile-3 .tile-content .products{display:flex;justify-content:center;align-items:center;padding:20%;isolation:isolate;transition:opacity .2s ease}.scene .tile#tile-3 .tile-content .products,.scene .tile#tile-3 .tile-content .products img{width:100%;height:100%;position:absolute;top:0;left:0}.scene .tile#tile-3 .tile-content .products .tile-title{z-index:2;position:relative}.scene .tile#tile-3 .tile-content img{object-fit:cover;object-position:center center}@media(hover:hover){.scene .tile#tile-3:hover .tile-content #products-before{opacity:0}}.scene .tile#tile-4{justify-self:flex-end;grid-row:1/span 2;margin-right:var(--wide-spacing)}.scene .tile#tile-4 .tile-bg{background:url(/tiles/tile1.gif)}.scene .tile#tile-5{justify-self:flex-start;grid-row:2/span 2;margin-left:var(--wide-spacing)}.scene .tile#tile-5 .tile-bg{background:url(/tiles/tile1.gif)}.scene .tile#tile-6{justify-self:flex-start;grid-row:1/span 2}.scene .tile#tile-6 .tile-bg{background:url(/tiles/tile6.gif)}.modal{width:100%;height:100%;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1000;visibility:hidden;background:#0000;will-change:visibility,background}.modal.modal-active{visibility:visible;background:#000000b3}.modal .modal-inner{width:100%;max-width:60rem;position:relative}.modal .modal-inner .btn-close{width:3rem;height:3rem;position:absolute;top:0;right:0;transform:translate(100%);display:flex;justify-content:center;align-items:center;background:#cfa86b;line-height:1;color:#fff;font-size:1.25rem;cursor:pointer}@media(hover:hover){.modal .modal-inner .btn-close:hover{background:#c99d58}}.modal.article-modal{transition:visibility .5s ease,background .5s ease}.modal.article-modal .modal-inner{background:#fafaf8;transform:translate(-100%);transition:transform .5s cubic-bezier(.83,0,.17,1);will-change:transform}.modal.article-modal.modal-active .modal-inner{transform:translate(0)}.modal.video-modal{transition:visibility .3s ease,background .3s ease}.modal.video-modal .modal-inner{opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.modal.video-modal.modal-active .modal-inner{opacity:1;transform:scale(1)}.modal.article-modal{flex-direction:row;justify-content:left}.modal.article-modal .modal-inner{height:100%}.modal.article-modal .modal-inner .modal-article-content{width:100%;height:100%;overflow-y:auto}.modal.article-modal .modal-inner .modal-article-content .modal-article-header{width:100%;height:20rem;object-fit:cover;object-position:center center}.modal.article-modal .modal-inner .modal-article-content .article-text{width:100%;padding:3rem}.modal.article-modal .modal-inner .modal-article-content .article-text p{font-size:1.125rem}.modal.article-modal .modal-inner .modal-article-content .article-text .modal-title{font-size:5rem}.modal.article-modal .modal-inner .modal-article-content .article-text .article-intro{margin-top:1.5rem;margin-bottom:5rem}.modal.article-modal .modal-inner .modal-article-content .article-text .article-sections{counter-reset:article-section-counter}.modal.article-modal .modal-inner .modal-article-content .article-text .article-sections .article-section{counter-increment:article-section-counter;position:relative}.modal.article-modal .modal-inner .modal-article-content .article-text .article-sections .article-section:not(:first-child){margin-top:5rem}.modal.article-modal .modal-inner .modal-article-content .article-text .article-sections .article-section .article-section-title{padding-bottom:.1rem;font-size:2.5rem;border-bottom:1px solid #3d3e3b}.modal.article-modal .modal-inner .modal-article-content .article-text .article-sections .article-section .article-section-text{margin-top:.75rem}.modal.article-modal .modal-inner .modal-article-content .article-text .article-sections .article-section:before,.modal.article-modal .modal-inner .modal-article-content .article-text .article-sections .article-section:after{width:6rem;height:5.196rem;padding-top:.2em;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display:flex;justify-content:center;align-items:center;background:#cfa86b;line-height:1;font-family:Teko,sans-serif;font-size:3rem;color:#fff}.modal.article-modal .modal-inner .modal-article-content .article-text .article-sections .article-section:nth-child(odd){padding-left:6rem}.modal.article-modal .modal-inner .modal-article-content .article-text .article-sections .article-section:nth-child(odd):before{content:counter(article-section-counter);position:absolute;top:0;left:0}.modal.article-modal .modal-inner .modal-article-content .article-text .article-sections .article-section:nth-child(odd) .article-section-title,.modal.article-modal .modal-inner .modal-article-content .article-text .article-sections .article-section:nth-child(odd) .article-section-text{padding-left:1.5rem}.modal.article-modal .modal-inner .modal-article-content .article-text .article-sections .article-section:nth-child(2n){padding-right:6rem}.modal.article-modal .modal-inner .modal-article-content .article-text .article-sections .article-section:nth-child(2n):after{content:counter(article-section-counter);position:absolute;top:0;right:0}.modal.article-modal .modal-inner .modal-article-content .article-text .article-sections .article-section:nth-child(2n) .article-section-title,.modal.article-modal .modal-inner .modal-article-content .article-text .article-sections .article-section:nth-child(2n) .article-section-text{padding-right:1.5rem}.modal.article-modal .modal-inner .modal-article-content .article-text .article-blocks{counter-reset:article-block-counter;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;column-gap:1.5rem;row-gap:2rem}.modal.article-modal .modal-inner .modal-article-content .article-text .article-blocks .article-block{counter-increment:article-block-counter;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;background:#fff;box-shadow:.3rem .3rem 1rem #0000000d;border-top:1px solid #3d3e3b}.modal.article-modal .modal-inner .modal-article-content .article-text .article-blocks .article-block:after{content:counter(article-block-counter);width:2.5rem;height:2.165rem;padding-top:.15em;position:absolute;top:0;right:0;transform:translate(25%,-50%);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);display:flex;justify-content:center;align-items:center;background:#cfa86b;line-height:1;font-family:Teko,sans-serif;font-size:1.5rem;color:#fff}.modal.article-modal .modal-inner .modal-article-content .article-text .article-blocks .article-block .article-block-title{font-size:2rem}.modal.article-modal .modal-inner .modal-article-content .article-text .article-blocks .article-block .article-block-text{margin-top:1.5rem}.modal.article-modal .modal-inner .modal-article-content .article-text .button{margin-top:5rem}.modal.video-modal .video{position:relative;padding-top:56.25%;background:#000}.modal.video-modal .video iframe{width:100%;height:100%;position:absolute;top:0;left:0}
