@font-face{font-family:"cantarell-regular";src:url("../../fonts/cantarell_regular-webfont.woff2") format("woff2"),url("../../fonts/cantarell_regular-webfont.woff") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"magnetob";src:url("../../fonts/magneto.woff2") format("woff2"),url("../../fonts/magneto.woff") format("woff");font-style:normal}p{font-family:"cantarell-regular";font-size:1.5rem;color:#000;line-height:1.7rem;text-align:center}body{background:#cfcfcf}#explode-view{max-width:100%}#scroll-anim{width:100%;max-width:100%;height:auto;display:block}#xray{position:relative;aspect-ratio:16/10;background-image:url(../images/earbud.jpg);background-size:cover;border-radius:20px}#divisor{position:absolute;top:0;left:0;aspect-ratio:16/10;background-image:url(../images/earbud-x-ray.jpg);background-size:cover;width:50%;height:100%;border-radius:15px}#divisor::after{content:"";position:absolute;right:0;width:6px;height:100%;background-color:#fff}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:calc(100% + 20px);height:20px;background:rgba(0,0,0,0)}input[type=range]::-webkit-slider-runnable-track{height:0;background:rgba(0,0,0,0);border:none}input[type=range]::-moz-range-track{height:0;background:rgba(0,0,0,0);border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border-radius:50%;border:none;cursor:pointer}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#fff;border-radius:50%;border:none;cursor:pointer}.no-scroll{overflow:hidden;height:100vh}ul,li{margin:0;padding:0}header{padding:20px;background:linear-gradient(180deg, #303030 0%, #4d4d4d 50%, #5b5b5b 100%);display:flex;justify-content:flex-end}.site-header{position:relative;z-index:1000}.site-footer,footer{padding:20px;background:#303030;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:3rem}#hamburger,#close{font-size:32px;background:none;border:none;color:#fff;cursor:pointer}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);color:#fff;justify-content:center;align-items:center}.overlay.open{display:flex}#close{position:absolute;top:20px;left:20px}#menu ul{list-style-type:none;text-align:center;display:flex;flex-direction:column;align-items:center}#menu li{margin:20px 0}#menu a{color:#fff;font-size:1.1rem;text-decoration:none;padding:0 1rem;font-family:"cantarell-regular"}#menu a:hover{color:#fff;text-shadow:0 0 8px hsla(0,0%,100%,.95),0 0 18px hsla(0,0%,100%,.6)}footer nav{margin-bottom:1rem}footer ul{list-style-type:none;text-align:center;margin:0;padding:0}footer li{margin:10px 0}footer a{color:#fff;font-size:1.1rem;text-decoration:none;padding:0 1rem;font-family:"cantarell-regular"}footer a:hover{color:#fff;text-shadow:0 0 8px hsla(0,0%,100%,.95),0 0 18px hsla(0,0%,100%,.6)}footer p{color:#fff;font-size:.9rem;margin:0;font-family:"cantarell-regular";opacity:.8}@media screen and (min-width: 768px){.no-scroll{overflow:auto;height:auto}header{position:absolute;top:0;left:0;right:0;z-index:1000;justify-content:center}#hamburger,#close{display:none}.overlay{display:block;position:static;width:auto;height:auto;background-color:rgba(0,0,0,0);color:#fff;overflow:hidden}#menu ul{display:flex;justify-content:center;flex-direction:row}#menu ul li{display:inline;margin:0 20px 0 0}.site-footer{flex-direction:row;justify-content:space-between;align-items:center;padding:30px 50px}footer nav{margin-bottom:0}footer ul{display:flex;justify-content:flex-start;gap:2rem}footer li{display:inline-block;margin:0}footer p{margin:0;text-align:right}}.main-nav .nav-list,.footer-nav .nav-list{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem;align-items:center}.main-nav a,.footer-nav a,#menu a,footer a,footer p{transition:color 150ms ease,text-shadow 200ms ease}.main-nav a:hover,.footer-nav a:hover,#menu a:hover,footer a:hover,footer p:hover{color:#fff;text-shadow:0 0 8px hsla(0,0%,100%,.95),0 0 18px hsla(0,0%,100%,.6)}#home h1{font-family:"magnetob";text-align:center;font-size:3.3rem;margin:1rem 1rem 2rem 1rem}.content h2{font-family:"cantarell-regular";font-size:2rem;margin-bottom:1.2rem;text-align:center}.content p{font-size:1.1rem;line-height:1.6;max-width:750px;margin-left:auto;margin-right:auto;text-align:center}.content{margin-bottom:4rem}.xray-cta{text-align:center;margin:1.5rem 0 3rem}.cta-button{display:inline-block;background:#fff;color:#111;font-family:"cantarell-regular";font-weight:600;text-decoration:none;padding:.8rem 1.6rem;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 18px rgba(0,0,0,.12);transition:transform 140ms ease,box-shadow 140ms ease,color 140ms ease,text-shadow 180ms ease;-webkit-font-smoothing:antialiased}.cta-button:hover,.cta-button:focus{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.18);color:#000;text-shadow:0 0 8px hsla(0,0%,100%,.9)}@media screen and (min-width: 768px){.cta-button{padding:1rem 2rem;border-radius:14px}}/*# sourceMappingURL=main.css.map */