/* DR1LL CORP. — site vitrine */
@font-face{font-family:"Silkscreen";src:url("../fonts/Silkscreen-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Silkscreen";src:url("../fonts/Silkscreen-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Jersey 10";src:url("../fonts/Jersey10-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
html{scroll-behavior:smooth}
*{box-sizing:border-box}
section[id]{scroll-margin-top:72px}
img{max-width:100%}
body{margin:0;background:#080811}
a{color:#ffcc66}a:hover{color:#fff0c0}
.px{image-rendering:pixelated}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:8px 24px 12px;box-sizing:border-box;font-family:"Silkscreen",monospace;font-size:16px;line-height:20px;text-transform:uppercase;text-decoration:none;white-space:nowrap;border:2px solid #0c0a12;background:#f0a030;color:#2a1606;box-shadow:inset 0 2px 0 #ffcc66,inset 0 -4px 0 #b8661c}
.btn:hover{background:#ffcc66;color:#2a1606;box-shadow:inset 0 2px 0 #fff0c0,inset 0 -4px 0 #b8661c}
.btn:active{background:#b8661c;box-shadow:inset 0 2px 0 #f0a030;padding-top:12px;padding-bottom:8px}
.btn-sec{border-color:#363d62;background:#121526;color:#f4ecd8;box-shadow:inset 0 2px 0 #4a5384,inset 0 -4px 0 #05060c}
.btn-sec:hover{border-color:#4a5384;background:#1e223a;color:#f4ecd8;box-shadow:inset 0 2px 0 #6e78aa,inset 0 -4px 0 #05060c}
.btn-sec:active{background:#080912;box-shadow:inset 0 2px 0 #262b45}
.btn-big{min-height:72px;font-family:"Jersey 10","Silkscreen",monospace;font-size:40px;line-height:40px;padding:12px 32px 16px}
.btn:focus-visible,.nav a:focus-visible{outline:2px solid #f4ecd8;outline-offset:2px}
.ic{display:inline-block;flex:none;width:32px;height:32px;background:url("../img/icones.png") 0 0/256px 224px no-repeat;image-rendering:pixelated}
.ic-x2{width:64px;height:64px;background-size:512px 448px}
.nav a{color:#8a90b8;text-decoration:none}.nav a:hover{color:#f4ecd8}
.hero-sky{background:url("../img/tour.png") right max(24px, calc(50% - 600px)) bottom 52px/314px 428px no-repeat,url("../img/ciel.png") center bottom/720px 1000px repeat-x,#0b0b1e;image-rendering:pixelated}
.shot{display:block;width:100%;height:auto;image-rendering:pixelated;border:2px solid #363d62;box-shadow:inset 0 2px 0 #4a5384}
@media (max-width:520px){
header{position:static!important}
.btn{white-space:normal;text-align:center}
.btn-big{font-size:32px;line-height:32px;padding:12px 20px 16px}
}