@font-face{font-family:"Evil Empire";src:url("/assets/Evil%20Empire.otf") format("opentype");font-display:swap}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#0b0b0b;color:#e8e6e1;font:17px/1.65 "Helvetica Neue",Helvetica,Arial,sans-serif}
a{color:inherit;text-underline-offset:3px}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0}
header img{height:44px;width:auto;display:block}
nav a{font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;margin-left:6px;padding:9px 12px;color:#bdbab3}
nav a:hover,nav a[aria-current]{color:#fff;background:#1b1b1b}
h1{font-size:clamp(28px,5vw,44px);letter-spacing:.06em;text-transform:uppercase;margin:36px 0 24px;line-height:1.15}
h2{font-size:14px;letter-spacing:.16em;text-transform:uppercase;margin:36px 0 10px;color:#fff}
.hero{text-align:center;padding:28px 0 56px}
.hero img{width:min(300px,70%);height:auto;display:block;margin:0 auto 36px}
.hero p{font-size:clamp(19px,2.6vw,24px);font-weight:600;margin:6px 0;color:#d6d3cc}
ul.plain{margin:0 0 8px;padding-left:1.1em}
.card{display:block;border:1px solid #3a3a3a;padding:18px 20px;margin:0 0 12px;text-decoration:none}
.card:hover{background:#171717;border-color:#8a8a8a}
.card b{display:block;font-size:18px}
.card span{color:#9d9a93;font-size:15px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mute{color:#9d9a93}
label{display:block;font-size:14px;margin:14px 0 4px;color:#bdbab3}
input,textarea{width:100%;background:#151515;color:#fff;border:1px solid #3a3a3a;padding:11px;font:inherit}
button{margin-top:18px;background:#fff;color:#0b0b0b;border:0;padding:12px 26px;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.hp{position:absolute;left:-9999px}
footer{border-top:1px solid #2a2a2a;margin-top:64px;padding:26px 0 48px;font-size:14px;color:#9d9a93;display:flex;gap:40px;flex-wrap:wrap}
footer img{height:40px;display:block;margin-bottom:10px}
footer a{display:block;text-decoration:none;color:#bdbab3;padding:2px 0}
footer a:hover{color:#fff}
@media(max-width:700px){nav a{margin:0;padding:8px}.grid{grid-template-columns:1fr}body{font-size:16px}}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:17px}
.brand small,.wm small{font-size:.55em;font-weight:700;letter-spacing:.2em;color:#bdbab3}
.wm{font-size:clamp(30px,6vw,52px);margin:0 0 30px;letter-spacing:.08em}
.hero img{width:min(240px,60%)!important}
.brand span,.wm{font-family:"Evil Empire","Helvetica Neue",Arial,sans-serif;font-weight:400}
.brand{font-size:24px;letter-spacing:.04em}
.wm{font-size:clamp(44px,9vw,84px);letter-spacing:.03em}
.brand small{font-family:Helvetica,Arial,sans-serif}