@font-face{font-family:'Stereo Sans';src:url(/fonts/Futura-Light.woff2) format('woff2'),url(/fonts/Futura-Light.woff) format('woff');font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:'Stereo Sans';src:url(/fonts/Futura-Regular.woff2) format('woff2'),url(/fonts/Futura-Regular.woff) format('woff');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Stereo Sans';src:url(/fonts/Futura-Medium.woff2) format('woff2'),url(/fonts/Futura-Medium.woff) format('woff');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:'Stereo Sans';src:url(/fonts/Futura-Demi.woff2) format('woff2'),url(/fonts/Futura-Demi.woff) format('woff');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:'Stereo Sans';src:url(/fonts/Futura-Bold.woff2) format('woff2'),url(/fonts/Futura-Bold.woff) format('woff');font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:'Stereo Sans';src:url(/fonts/Proxima-Nova-Xbold.woff2) format('woff2'),url(/fonts/Proxima-Nova-Xbold.woff) format('woff');font-style:normal;font-weight:900;font-display:swap}@font-face{font-family:'Stereo Sans';src:url(/fonts/Futura-Oblique.woff2) format('woff2'),url(/fonts/Futura-Oblique.woff) format('woff');font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:'Stereo Sans';src:url(/fonts/Futura-Oblique.woff2) format('woff2'),url(/fonts/Futura-Oblique.woff) format('woff');font-style:oblique;font-weight:400;font-display:swap}@media (orientation:landscape){body{grid-template-areas:". h n n ." ". c c c ." ". s l d ." ". f f f ."}nav div{justify-content:flex-end}nav div a{min-width:8vw;margin-left:1.5vmin;padding:.75vmin 0 .75vmin 2vmin;text-align:left}#glasses{flex-direction:row}#glasses figure{width:15vw;align-self:end}#glasses figure img{width:100%}#awards{width:50vw;margin:0 auto}#legal{font-size:10rem}#foot{padding-bottom:1vmin}}@media (orientation:portrait){body{grid-template-areas:". h n n ." ". c c c ." ". l l l ." ". s f d ."}nav div{justify-content:space-between}nav div a{width:15vw;margin:0;padding:.75vmin 0;text-align:center}#glasses{flex-direction:column}#glasses figure{width:18vw;align-self:center}#glasses figure img{width:100%}#legal{font-size:12rem}}body,html{width:100vw;height:100vh;min-height:100vh}body{grid-template-columns:1fr repeat(3,28vw) 1fr;grid-template-rows:12vmin 1fr auto auto;display:grid;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{grid-area:h}nav{grid-area:n}main{grid-area:c;align-items:start}aside#social{grid-area:s}small#legal{grid-area:l;word-spacing:2vmax}small#foot{grid-area:f}aside#apps{grid-area:d}header,nav{align-content:end}#awards{justify-content:space-evenly}#social{justify-self:start}#foot,#legal{justify-self:center}#apps{justify-self:end}#glasses figure img{height:auto}#prod #pics picture{height:50vh;display:table-cell;vertical-align:middle}#contact main div{width:auto;padding:2vw 4vw;box-shadow:2px 2px 5px #000}#prod main picture img{width:40%}#awards figure{width:15vmin}#awards figure img{width:70%}#awards figure:nth-of-type(2) img{width:95%}#apps,#foot,#legal,#social,body,header,html,main,nav{margin:0}#contact main div,#copy main p,#jobs main p{margin:6vmin auto 0}#social a:first-child svg{margin-left:0}#social a:not(:first-child) svg{margin-left:1vmin}#apps a:last-child img{margin-right:0}#apps a:not(:last-child) img{margin-right:1vmin}nav div{margin-bottom:1.5vmin}#apps,#foot,#legal,#social,body,header,html,main,nav,nav div{padding:0}#apps,#foot,#legal,#social{align-self:center;padding:2vmin 0}body#home main{padding:4vw 2vw 0}#bulletpoints li span{padding:.2vmin .5vmin}a.fl{float:left}button,input[type=submit],label{cursor:pointer}#awards,#glasses,nav div{display:flex}#bulletpoints li span,#contact main div,#glasses figure,#social a:nth-of-type(2) use:first-of-type,#social a:nth-of-type(2):hover use:nth-of-type(2),nav div a{display:inline-block}#awards{flex-direction:row}ul li.no{list-style:none}#awards figure figcaption,#contact main,#foot,#legal,.c,body#home main,body#home main h1,body#home main h2,body#home main h3{text-align:center}#social a svg{height:3vmin;width:4vmin}#foot a,#foot a svg{height:4.75vmin;width:30vw}#apps a img{height:calc(48 * .075vmin);width:calc(144 * .075vmin);border-radius:.6vmin;background-color:#000}body#contact main div{border-radius:1vmin;background-color:rgba(255,255,255,.85)}header a{display:block}header a img{min-height:7.5vmin;height:7.5vmin;max-height:7.5vmin;width:16vw;vertical-align:text-bottom}#frontpage{display:grid;grid-template-columns:repeat(2,50%)}#pics,#pics picture,#pics picture img{height:auto;min-width:25vw}#contact p svg{height:20.1rem;width:20rem;padding:.6px;vertical-align:text-bottom}input,textarea{font:inherit}html{font:400 0.16vmin/1.3 'Stereo Sans'}body{font-family:'Stereo Sans',Helvetica,Arial,arial,sans-serif}body#home main h1{font-size:30rem}nav div a{font-size:11.5rem}main{padding:1vmin 3vmin;font-size:12rem}#awards figure figcaption{font-style:italic}#legal,nav{font-weight:600}h1,h2,h3{font-weight:900}#contact main div,#social,h1{text-align:left}#apps{text-align:right}nav div a,small#legal a{text-decoration:none}#intro{line-height:1.8}body#contact main{background:url("/pics/contact.jpeg") right center/cover no-repeat fixed #fff}@media (prefers-color-scheme:dark){body{background-color:#000}main{background-color:#fff;border-bottom:1px solid #000}main,main a{color:#000}a,body,nav a{color:#fff}#tm use,header a svg use{fill:white}#apps a img{border:1.5px solid #aaa}}@media (prefers-color-scheme:light){body,main{background-color:#fff}a,body,main,main a{color:#000}nav a{color:#fff}#tm use,header a svg use{fill:black}#apps a img{border:1.5px solid transparent}main{border-bottom:1px solid #000}}nav a{background-color:#333}nav a:hover{background-color:#222}main a:hover,nav a:hover,small#legal a:hover{color:#f0f}small a{color:#888}:root{--soc-bg-fill:transparent}#social a svg use{fill:#666}#social a:first-of-type:hover use{fill:#b00}#social a:first-of-type:hover{--soc-bg-fill:#fff}#social a:nth-of-type(2) use:nth-of-type(2),#social a:nth-of-type(2):hover use:first-of-type{display:none}#social a:nth-of-type(3):hover use{fill:#00acee}#social a:nth-of-type(4):hover use{fill:#3c5a9a}#social a:nth-of-type(5):hover use{fill:url(#colors_instagram)}#whatsapp use{fill:#25D366}#contact h1{text-shadow:0 0 3px #fff}