@charset "UTF-8";
html,body{margin:0;padding:0;height:100%;background-color:#000;color:#ddd;font-family:'Noto Sans',sans-serif;}
body{overflow-y:scroll;background:linear-gradient(160deg, #181818 0%, rgba(0,0,0,0) 30%);}
a{color:#bbb;white-space:nowrap;}
a:hover{color:#eee}
a:active{color:#fff}
code{font-family:'Roboto Mono',monospace;white-space:nowrap;margin:0 0.3em}
sup{vertical-align:top;font-size:0.6em}
.hide{display:none}
header li sup,h2 sup{position:absolute}
::-webkit-scrollbar{background-color:#000;background:transparent;width:1em;}
::-webkit-scrollbar-thumb{background-color:#aaa;border:4px solid #000;border-radius:1em}
::-webkit-scrollbar-thumb:hover{background-color:#ddd}
::-webkit-scrollbar-thumb:active{background-color:#fff}
#outer{min-height:100%;position:relative}
.wrapper{padding-bottom:4em}
footer{position:absolute;bottom:0;height:3.5em;color:#666;text-align:center;width:100%;font-weight:lighter;font-size:0.75em}
footer a{color:#666;text-decoration:none}
footer a:active,footer a:hover{color:#999;text-decoration:underline}
footer span{white-space:nowrap;}
header{display:flex;margin:0;text-overflow:clip;flex-wrap:nowrap;white-space:nowrap}
header *{display:inline-block}
header>*{display:inline-block;margin:2em 1em;}
header>nav{flex:50%;text-align:right;}
header nav>ul{padding:0;margin:0}
header li>span,header #search{margin:0 1em;border-bottom:0.15em solid #000;}
header li.active>span,header #search.active{color:#eee;border-bottom:0.15em dashed #aaa;transition:color,border-color 1.2s ease-in-out;}
header li:not(.active)>span:hover,header #search:hover,header #search:focus,header #search:focus-visible{outline:none;border-bottom:0.15em dashed #ddd;}
header li>span>a,header #search::placeholder{color:#ccc;text-decoration:none;}
header li:not(.active)>span>a:hover{color:#eee;}
header li>span>a:active{color:#fff;}
#logohead a{text-decoration:none;color:#fff;}
#logohead a:active,#logohead a:hover{border:none}
#logohead img{width:4em;margin:0 1em;vertical-align:middle}
#logohead h1{display:inline;font-weight:lighter}
header li>span:after,#logohead h1:after,body:not(.default) h2:after{content:'.'}
header #search{background:transparent;border:none;border-bottom:0.15em solid #000;padding:0;color:#fff;font:inherit;font-size:1rem;width:3.4em;transition:width 1s ease-in-out;}
header #search.active,
header #search:focus{width:15em;}
header #search:active::placeholder,
header #search:focus::placeholder{color:#444;transition:color 1s ease-in-out;}
body:not(.default) .container{width:700px;margin:0 auto}
body:not(.default) h2{display:inline-block;margin-bottom:0.5em;border-bottom:0.15em dashed #ddd;}
a.call-to-action{font-size:1.1em;color:#ddd;text-decoration:none;border-bottom:0.15em dashed #ddd;position:relative;margin-left:1.5em}
a.call-to-action:hover{font-size:1.1em;color:#eee;border-bottom-color:#eee}
a.call-to-action:active{font-size:1.1em;color:#fff;border-bottom-color:#fff}
a.call-to-action:before{content:'✭ ';font-size:1.1em;border:none;position:absolute;width:1.5em;top:-0.1em;left:-1.8em;text-align:right}
body.brands article>img.art{float:right;margin:0 0 1em 0;position:relative;left:1.5em}
body.legal dl>dd{margin-bottom:1em}
body.news h3{padding-right:0.5em;margin:0;border-color:#999;}
body.news h4,body.search dt.news>span{display:block;font-style:oblique;font-size:0.9em;margin:0;color:#999;}
body.news ul{padding-left:1em;}
body.news article{padding:0 0 0 1em;margin-bottom:2.5em;}
body.news article>div{margin: 1em 0 4em 1em;padding-left:1em;border-left:0.15em dashed #999;border-bottom:0.15em dashed #999;border-bottom-left-radius:0.75em;}
body.search dt{margin-top:1.2em;}
body.search dt>a{text-decoration:none;border-bottom:0.15em dashed #aaa;}
body.search dt>a:hover{border-bottom-color:#ddd}
body.search dt>a:active{border-bottom-color:#fff}
body.search dt.news>span{font-size:0.75em;margin:0.25em;}
body.search dd>strong{background-color:#444;color:#fff;border:0.1em dashed #ddd;font-weight:normal;padding:0 0.15em}

.front{display:block;text-align:center;color:#fff;}
.front h1{
 font-size:+4em;
 margin:0.3em 0 0.1em 0;
 width:10ch;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:clip;
 display:inline-block;
 border-right:3px solid transparent;
 animation:tty 0.6s 1.6s steps(10) both,tc 0.6s 0.5s step-end 10 alternate;
}
.front>div>div{margin:0 auto;width:15em;}
.front img{
 display:block;
 position:relative;
 width:15em;
 margin:0 auto;
 top:0;
 left:0;
 border:0.15em dashed transparent;
 animation:lfly 3.5s ease-in-out 3s both;
}
.front svg{
 display:block;
 position:absolute;
 width:2em;
 margin:-999em 0 0 999em;
 animation:mfly1 1.5s ease-in-out both,mfly2 3.5s ease-in-out 3s forwards,mfly3 1s ease-in-out 7s forwards,mfly4 1.5s ease-in-out 12s forwards;
}
.front h2{
 font-size:+3em;
 margin:0.3em 0;
 width:23ch;
 overflow:hidden;
 white-space:nowrap;
 text-overflow:clip;
 display:inline-block;
 border-right:3px solid transparent;
 animation:tty 1.5s 9s steps(23) both,tc 0.6s 7.5s step-end 90 alternate;
}
@keyframes tty{0%{width:0}}
@keyframes tc{50%{border-right-color:#aaa}}
@keyframes mfly1{0%{margin:-80em 0 0 40em}40%{margin:-19.25em 0 0 7em}70%{margin:-19.25em 0 0 7em}to{margin:-16.25em 0 0 8em}}
@keyframes mfly2{10%{margin:-1050px 0 0 -1660px}65%{margin:-165px 0 0 40px}85%{margin:-230px 0 0 150px}90%{margin:-250px 0 0 138px}to{margin:-220px 0 0 155px}}
@keyframes mfly3{50%{margin:15px 0 0 110px;}70%{margin:15px 0 0 110px;}to{margin:110px 0 0 230px;}}
@keyframes mfly4{to{margin:-2222px 0 0 -9999px}}
@keyframes lfly{0%{top:-800px;left:-1800px}10%{top:-800px;left:-1800px;border-color:#999;background-color:#222}65%{top:80px;left:-100px}85%{top:15px;left:10px}90%{top:-5px;left:-2px;}99%{border-color:#999;background-color:#222}}

@media(max-width:1190px){
 body:not(.default) header,header nav{display:block}
 #logohead{margin-bottom:0}  
 body:not(.default) header>nav{margin-top:0}
 body.brands article>img.art{left:1em;top:1em;width:200px;height:200px}
}
@media(max-width:1000px){
 #logohead img{width:3em}
 #logohead h1{font-size:1.5em}
}
@media(max-width:950px){
 ::-webkit-scrollbar{width:0.8em}
 ::-webkit-scrollbar-thumb{border:3px solid #000}
 header>nav{font-size:0.95em}
}
@media(max-width:840px){
 ::-webkit-scrollbar{width:0.7em}
 ::-webkit-scrollbar-thumb{border:2px solid #000}
 #logohead,header nav>ul{margin-top:1em}
 header{display:flex}
 #logohead img{margin-left:0}
 header nav>ul>li>span,header #search{margin:0}
 header nav>form,header nav>ul,header nav>ul>li{display:block}
 body:not(.default) .container{width:600px;}
 body:not(.default) h2{margin-top:0}
 body.brands article>img.art{width:125px;height:125px}
 header #search.active,header #search:focus{width:100%}
}
@media(max-width:765px){
 .front h2{font-size:2em}
}
@media(max-width:620px){
 ::-webkit-scrollbar{width:0.6em}
 ::-webkit-scrollbar-thumb{border:1px solid #000} 
 body:not(.default) .container{width:500px;}
 .front h1,.front img,.front svg,.front h2{animation:unset}
 .front svg,.front h2{display:none}
 body:not(.default) .container{width:unset;margin:0 auto;}
 body.brands article>img.art{left:0;top:0}
 body.news article{padding:0;}
 main{margin:0 1.5em}
}
@media(max-width:575px){
 ::-webkit-scrollbar{width:0.5em}
 ::-webkit-scrollbar-thumb{border:none}
 .front h1{margin-top:0px;font-size:+2.5em;}
 .front img{width:11em}
}
@media(max-width:400px)
{
 #logohead img{width:1.5em}
 #logohead h1{font-size:1em}
 body.brands article>img.art{width:100px;height:100px}
}