.landing-icon{background:url(assets/landing-icons-sprite-03113153.svg) no-repeat}.svg-Exit_X_black{background-position:41.666666666666664% 0}.svg-Exit_X_black-dims{width:72px;height:72px}.svg-chevron{background-position:95.90643274853801% 20.74074074074074%}.svg-chevron-dims{width:18px;height:18px}.svg-chevron_up{background-position:88.88888888888889% 33.333333333333336%}.svg-chevron_up-dims{width:18px;height:18px}.svg-landing-logo{background-position:0 0}.svg-landing-logo-dims{width:120px;height:120px}.svg-mouse{background-position:90.47619047619048% 22.04724409448819%}.svg-mouse-dims{width:24px;height:34px}.svg-specs--1-control{background-position:0 51.724137931034484%}.svg-specs--1-control-dims{width:56px;height:56px}.svg-specs--1-plug{background-position:18.42105263157895% 51.724137931034484%}.svg-specs--1-plug-dims{width:56px;height:56px}.svg-specs--1-power{background-position:36.8421052631579% 51.724137931034484%}.svg-specs--1-power-dims{width:56px;height:56px}.svg-specs--1-screen{background-position:63.1578947368421% 0}.svg-specs--1-screen-dims{width:56px;height:56px}.svg-specs--1-see{background-position:63.1578947368421% 24.137931034482758%}.svg-specs--1-see-dims{width:56px;height:56px}.svg-specs--3-1{background-position:63.1578947368421% 48.275862068965516%}.svg-specs--3-1-dims{width:56px;height:56px}.svg-specs--3-2{background-position:0 75.86206896551724%}.svg-specs--3-2-dims{width:56px;height:56px}.svg-specs--3-3{background-position:18.42105263157895% 75.86206896551724%}.svg-specs--3-3-dims{width:56px;height:56px}.svg-specs--3-4{background-position:36.8421052631579% 75.86206896551724%}.svg-specs--3-4-dims{width:56px;height:56px}.svg-specs--3-5{background-position:55.26315789473684% 75.86206896551724%}.svg-specs--3-5-dims{width:56px;height:56px}.svg-specs--antenna{background-position:81.57894736842105% 0}.svg-specs--antenna-dims{width:56px;height:56px}.svg-specs--charge{background-position:81.57894736842105% 24.137931034482758%}.svg-specs--charge-dims{width:56px;height:56px}.svg-specs--chassis{background-position:81.57894736842105% 48.275862068965516%}.svg-specs--chassis-dims{width:56px;height:56px}.svg-specs--compact{background-position:81.57894736842105% 72.41379310344827%}.svg-specs--compact-dims{width:56px;height:56px}.svg-specs--connectivity{background-position:0 100%}.svg-specs--connectivity-dims{width:56px;height:56px}.svg-specs--listen{background-position:18.42105263157895% 100%}.svg-specs--listen-dims{width:56px;height:56px}.svg-specs--measure{background-position:36.8421052631579% 100%}.svg-specs--measure-dims{width:56px;height:56px}.svg-specs--power{background-position:55.26315789473684% 100%}.svg-specs--power-dims{width:56px;height:56px}.svg-specs--space{background-position:73.6842105263158% 100%}.svg-specs--space-dims{width:56px;height:56px}.svg-specs--speed{background-position:100% 0}.svg-specs--speed-dims{width:56px;height:56px}body#karoo-2,body#karoo-2-test{height:100vh;height:calc(var(--vh, 1vh) * 100);overflow:hidden}body#karoo-2 .site-footer,body#karoo-2-test .site-footer{margin-top:0}body#karoo-2.scroll-active,body#karoo-2-test.scroll-active{height:auto;overflow:auto}body#karoo-2.scroll-active .site-header,body#karoo-2-test.scroll-active .site-header{z-index:1000}body#karoo-2.scroll-active #starting-spacer,body#karoo-2-test.scroll-active #starting-spacer{display:none}@media (max-width: 1024px){.break-on-mobile{display:block}}#starting-spacer{height:100vh}#scroll-prompt{position:fixed;bottom:2rem;width:100%;text-align:center;font-family:Roobert-Bold,sans-serif;font-size:10px;color:#090909;letter-spacing:1.17px;line-height:24px;visibility:hidden}@media (max-width: 1024px){#scroll-prompt{bottom:0}}.full-page{height:100vh;position:relative}#scrollable{margin-top:-70px;position:relative;z-index:1}@media (max-width: 1024px){#scrollable{margin-top:0}}.spec-list{position:relative;width:50%;padding-left:12.5vw}@media (max-width: 1024px){.spec-list{width:auto;padding-left:56px;left:0}}.spec{max-width:425px;height:600px}.spec .title{font-family:Roobert-Bold,sans-serif;font-size:28px;color:#090909;letter-spacing:-1px;line-height:36px;margin-bottom:1rem;margin-top:25px}.spec .desc{font-family:Roobert-Bold,sans-serif;font-size:16px;color:#626e75;letter-spacing:-.1px;line-height:24px}@media (max-width: 1024px){.spec{max-width:232px;height:733.33333px}.spec .landing-icon{transform-origin:top left;transform:scale(.71429);margin-bottom:-16px}.spec .title{font-size:16px;letter-spacing:-.4px;line-height:24px}.spec .desc{font-size:12px;letter-spacing:-.3px}}#device-canvas-container{position:fixed;top:10vh;left:50%;transform:none;transform-origin:top center;height:60vh;width:60vh;z-index:0}@media (max-width: 1024px){#device-canvas-container{top:72px;transform-origin:center center;transform:none}}#device-canvas-container #device-canvas{position:absolute;top:0;left:0;height:100%;width:100%;filter:blur(0)}#device-canvas-container #device-screen-video-wrapper{position:absolute;top:22.8%;left:34.5%;width:31%;opacity:0;visibility:hidden}#device-canvas-container #device-screen-video{width:100%;height:100%}#device-canvas-container #device-screen-video::-webkit-media-controls,#device-canvas-container #device-screen-video::-webkit-media-controls-play-button,#device-canvas-container #device-screen-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}#scene-2-slices-container{position:absolute;top:0;left:0;width:100%;height:100%;display:none}#scene-2-slices-container.active{display:block}#scene-2-slices-container.active img{will-change:opacity}#scene-2-slices-container img{opacity:.18;position:absolute;top:0;left:0;width:100%;height:100%}@-moz-document url-prefix(){#scene-2-slices-container img{transition:none}}#section-indicators{position:fixed;left:60px;top:50%;visibility:hidden;opacity:0}@media (max-width: 1024px){#section-indicators{left:16px;transform:translateY(-50%)}#section-indicators[data-active-section-number="4"]{top:29%}}#section-indicators[data-active-section-number="3"] .section-indicator{color:#ffe900}#section-indicators[data-active-section-number="3"] .section-indicator:after{border-bottom-color:#ffe900}#section-indicators .section-indicator{transition:all .2s ease;font-size:16px;color:#090909;letter-spacing:-.1px;line-height:20px;position:relative;margin-bottom:20px}#section-indicators .section-indicator:last-of-type{margin-bottom:0}#section-indicators .section-indicator .number{transition:all .2s ease;overflow:hidden;width:0;display:inline-block}#section-indicators .section-indicator:after{transition:all .2s ease;content:"";display:inline-block;border-bottom:1px solid #090909;width:16px;top:-.5em;position:relative}#section-indicators .section-indicator.active .number{width:1em}#section-indicators .section-indicator.active:after{width:32px;border-bottom-width:2px}@media (max-width: 1024px){#section-indicators .section-indicator.active:after{display:none}}#scene-intro{position:fixed;top:0;left:0;width:100vw;height:100vh;height:calc(var(--vh, 1vh) * 100);background:#ffe900;z-index:100}#scene-intro #landing-logo{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}#scene-intro-top,#scene-intro-bottom{background:#000;position:fixed;width:100vw;left:0;z-index:1001;visibility:hidden}#scene-intro-top{top:0;bottom:calc(50vh + 75px)}#scene-intro-bottom{bottom:0;top:calc(50vh + 75px)}.scene-intro-header{text-align:center}.scene-intro-header .scene-intro-header-first{visibility:hidden;position:absolute;top:70vh;left:50%;transform:translate(-50%);margin-top:-2rem}@media (max-width: 1024px){.scene-intro-header .scene-intro-header-first{top:66vh}}.scene-intro-header .scene-intro-header-after-load{visibility:hidden}.scene-intro-header h1,.scene-intro-header p{font-family:Roobert-Bold,sans-serif}.scene-intro-header h1{font-size:48px;color:#090909;letter-spacing:-2.52px;margin:0}@media (max-width: 1024px){.scene-intro-header h1{font-size:40px;letter-spacing:-1.4px;line-height:32px;margin-bottom:.25em}}.scene-intro-header .scene-intro-header-first p{font-size:22px;color:#626e75;letter-spacing:-.23px;text-align:center;line-height:1.2;margin-bottom:0}@media (max-width: 1024px){.scene-intro-header .scene-intro-header-first p{font-size:16px;letter-spacing:-.4px;line-height:24px}}.scene-intro-header p{font-size:22px;color:#626e75;letter-spacing:-.16px;line-height:1.2;min-width:35rem}@media (max-width: 1024px){.scene-intro-header p{font-size:16px;letter-spacing:-.4px;line-height:24px}}#scene-1-7 #scene-1-7-canvas-end{height:400px}@media (max-width: 1024px){#scene-1-7 #scene-1-7-canvas-end{padding-bottom:550px}}#scene-2 #scene-2-explode{height:400px}@media (max-width: 1024px){#scene-2 #scene-2-explode{padding-bottom:550px}}#scene-2 .spec-list{left:50%;padding-right:50px}@media (max-width: 1024px){#scene-2 .spec-list{left:0;padding-right:0}}#scene-3 .spec-list{left:50%}@media (max-width: 1024px){#scene-3 .spec-list{left:0}}#scene-3 .title,.spec[data-section-number="3"] .title{color:#fff}#scene-4{margin-top:40vh}@media (max-width: 1024px){#scene-4{position:relative;display:grid;grid-template-rows:0 32px 0 1fr 0}}#scene-4 #scene-4-headline{text-align:center;font-family:Roobert-Bold,sans-serif;font-size:40px;color:#090909;letter-spacing:-1.4px;line-height:48px}@media (max-width: 1024px){#scene-4 #scene-4-headline{font-size:28px;letter-spacing:-.98px;line-height:32px}}#scene-4 #scene-4-content{display:grid;grid-template-columns:1fr 1fr;margin-top:5rem}@media (max-width: 1024px){#scene-4 #scene-4-content{margin-top:0;grid-template-columns:1fr;grid-template-rows:auto 1fr}}#scene-4 .accordion-item{transition:all .3s ease;background:#fff;box-shadow:0 1px #e0e0e0;display:grid;grid-template-columns:75px 1fr;padding:19px 60px 19px 0;max-width:400px;align-items:center;cursor:pointer;margin-bottom:1px}@media (max-width: 1024px){#scene-4 .accordion-item{max-width:none;padding:12px 60px 12px 0;grid-template-columns:50px 1fr}}#scene-4 .accordion-item:hover{background:#f1f1f1}#scene-4 .accordion-item.active{background:#f1f1f1;box-shadow:0 1px #fff}#scene-4 .accordion-item.active .arrow img{transform:rotateX(180deg)}#scene-4 .accordion-item.active .accordion-desc{height:auto;opacity:1}#scene-4 .accordion-item .arrow{text-align:center;display:grid}#scene-4 .accordion-item .arrow img{transition:transform .3s ease;transform-style:preserve-3d;transform-origin:center center;display:block;margin:auto}#scene-4 .accordion-item .accordion-title{font-family:Roobert-Heavy,sans-serif;font-size:16px;color:#231f20;letter-spacing:-.4px;line-height:20px;white-space:nowrap}@media (max-width: 1024px){#scene-4 .accordion-item .accordion-title{font-size:12px;letter-spacing:-.3px;line-height:20px}}#scene-4 .accordion-item .accordion-desc{transition:opacity .3s ease;font-size:12px;color:#6b6b6b;letter-spacing:-.09px;line-height:20px;overflow:hidden;height:0;opacity:0;padding-top:.5em}@media (max-width: 1024px){#scene-4 .accordion-item .accordion-desc{font-size:10px;letter-spacing:0;line-height:18px}}#scene-4-device-canvas-container-mobile{display:none;z-index:1001;background:#fff0;position:fixed;top:0;left:0;bottom:0;right:0}#scene-4-device-canvas-container-mobile .svg-Exit_X_black{position:absolute;top:10px;right:10px;transform:scale(.5)}#scene-4-device-canvas-container-mobile .scene-4-device-canvas-container{position:fixed;transform:translate3d(-50%,-50%,0)}#scene-4-device-canvas-container-mobile .accordion-item-content{position:absolute;bottom:2em;left:0;padding:0 20vw;width:100%}#scene-4-device-canvas-container-mobile .accordion-title{font-family:Roobert-Heavy,sans-serif;color:#231f20;white-space:nowrap;letter-spacing:-.3px;line-height:20px}#scene-4-device-canvas-container-mobile .accordion-desc{transition:opacity .3s ease;color:#6b6b6b;height:auto;opacity:1;padding-top:.5em;font-size:12px;letter-spacing:0;line-height:18px}#scene-4-device-canvas-container,.scene-4-device-canvas-container{position:relative;height:75vh;width:75vh;top:-55px;justify-self:end}@media (max-width: 1024px){#scene-4-device-canvas-container,.scene-4-device-canvas-container{height:30vh;width:30vh;top:0;margin:0 auto}}#scene-4-device-canvas-container .scene-4-device-img,.scene-4-device-canvas-container .scene-4-device-img{position:absolute;top:0;left:0;height:100%;width:100%}#scene-4-device-canvas-container .scene-4-device-screen-video,.scene-4-device-canvas-container .scene-4-device-screen-video{position:absolute;top:22.6%;left:34.45%;width:31.2%}#scene-4-device-canvas-container .scene-4-device-screen-video::-webkit-media-controls,#scene-4-device-canvas-container .scene-4-device-screen-video::-webkit-media-controls-play-button,#scene-4-device-canvas-container .scene-4-device-screen-video::-webkit-media-controls-start-playback-button,.scene-4-device-canvas-container .scene-4-device-screen-video::-webkit-media-controls,.scene-4-device-canvas-container .scene-4-device-screen-video::-webkit-media-controls-play-button,.scene-4-device-canvas-container .scene-4-device-screen-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.scene-4-device{width:100%;position:absolute;top:0;left:0}#scene-5 .scene-5-section{position:relative;margin-top:170px}@media (max-width: 1024px){#scene-5 .scene-5-section{margin-top:95px}}#scene-5 .scene-5-section-text{max-width:575px;width:50%;padding-bottom:2em;text-align:left}@media (max-width: 1024px){#scene-5 .scene-5-section-text{max-width:none;width:auto;margin:0 16px!important;position:static!important}}#scene-5 img{width:100%}@media (max-width: 1024px){#scene-5 img{width:100%!important;margin-top:0!important;position:static!important}}#scene-5 #scene-5-section-1 .scene-5-section-text,#scene-5 #scene-5-section-3 .scene-5-section-text{position:absolute;top:0;left:0;margin-left:60px}#scene-5 #scene-5-section-1 img,#scene-5 #scene-5-section-3 img{margin-top:2em}#scene-5 #scene-5-section-2 .scene-5-section-text,#scene-5 #scene-5-section-4 .scene-5-section-text{margin-left:50%}#scene-5 #scene-5-section-1 .scene-5-section-text{max-width:450px}#scene-5 #scene-5-section-2 img{position:relative;left:-60px}#scene-5 #scene-5-section-3{text-align:right}#scene-5 #scene-5-section-3 img,#scene-5 #scene-5-section-4 img{width:calc(100% - 60px)}#scene-5 h2{font-family:Roobert-Bold,sans-serif;font-size:28px;color:#090909;letter-spacing:-1px;line-height:36px;white-space:nowrap}@media (max-width: 1024px){#scene-5 h2{font-size:24px;letter-spacing:-.84px;line-height:32px}}#scene-5 p{font-family:Roobert-Bold,sans-serif;font-size:16px;color:#626e75;letter-spacing:-.1px;line-height:24px}@media (max-width: 1024px){#scene-5 p{font-size:16px;letter-spacing:-.1px;line-height:24px}}#scene-6{margin-top:130px;margin-bottom:-7px}@media (max-width: 1024px){#scene-6{margin-top:-6px}}#scene-6 .scene-6-section{position:relative}@media (max-width: 1024px){#scene-6 .scene-6-section{height:100vh;background:url(//www.eu.hammerhead.io/cdn/shop/t/16/assets/section-6-1-mobile.jpg?v=98880204556463358471632350979);background-size:cover;background-position:100% 100%}}#scene-6 .scene-6-section-text{position:absolute;top:45%;transform:translateY(-50%);left:170px;z-index:1}@media (max-width: 1024px){#scene-6 .scene-6-section-text{top:100px;left:36px;transform:none}}#scene-6 h2{font-family:Roobert-Bold,sans-serif;font-size:40px;color:#fff;letter-spacing:-1.43px;line-height:48px}#scene-6 h2 .scene-6-section-text-gray{color:#626e75}@media (max-width: 1024px){#scene-6 h2{font-size:32px;letter-spacing:-1.14px;line-height:48px}}#scene-6 p{font-family:Roobert-Bold,sans-serif;font-size:16px;color:#858585;letter-spacing:-.57px;line-height:24px}#scene-6 a{font-family:Roobert-Bold,sans-serif;padding:18px 28px;background:#ffe900;color:#000;letter-spacing:0;text-align:center;line-height:20px;display:inline-block;margin-top:5em}@media (max-width: 1024px){#scene-6 a{margin-top:40px}}#scene-6 img{position:relative;left:-2px;width:101%}@media (max-width: 1024px){#scene-6 img{display:none}}#mobile-spec-container{display:none}@media (max-width: 1024px){#mobile-spec-container{position:fixed;top:0;left:0;right:0;z-index:100;height:100vh;height:calc(var(--vh, 1vh) * 100)}#mobile-spec-container .spec{position:absolute;width:100%;left:56px;bottom:2em;height:auto}#scene-intro-header,#scene-1-7,#scene-2,#scene-3{display:none}#mobile-spec-spacer{height:100vh}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/karoo2-test.scss.css.map */