:root{--asphalt:#12161c;--asphalt-2:#1a2028;--asphalt-3:#232b35;--bone:#efe9df;--paper:#f8f4ee;--ink:#141821;--ink-soft:#4a5260;--copper:#c98a3a;--copper-lite:#e2a655;--line:#d9d1c3}
*{box-sizing:border-box}
body{margin:0;background:var(--bone);color:var(--ink);font-family:"Barlow",system-ui,sans-serif;font-size:17px;line-height:1.65}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
header{background:var(--asphalt);color:var(--bone);padding:18px 0;border-bottom:1px solid var(--asphalt-3)}
header .wrap{max-width:1180px;display:flex;justify-content:space-between;align-items:center;gap:20px}
header .back{color:#aeb5bf;text-decoration:none;font-size:15px}
header .back:hover{color:var(--copper-lite)}
.logo{display:inline-flex;align-items:center;gap:13px;text-decoration:none}
.logo .mk{width:50px;height:50px;flex:0 0 50px;background:var(--copper);border-radius:5px;display:grid;place-items:center;position:relative;overflow:hidden}
.logo .mk::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.28),transparent 55%)}
.logo .mk svg{width:30px;height:30px;display:block;position:relative}
.logo .type{display:flex;flex-direction:column;gap:3px}
.logo .name{font-family:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;font-size:27px;font-weight:800;line-height:.9;color:#fff;letter-spacing:.02em;white-space:nowrap}
.logo .sub{font-size:10px;font-weight:600;letter-spacing:.22em;color:var(--copper-lite);line-height:1;white-space:nowrap}
h1{font-family:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;font-weight:800;font-size:clamp(40px,7vw,64px);line-height:.95;margin:0}
h2{font-family:"Big Shoulders Display","Arial Narrow",Impact,sans-serif;font-weight:700;font-size:28px;margin:40px 0 10px;line-height:1.1}
.meta{color:var(--ink-soft);font-size:15px;margin:14px 0 0}
main{padding:56px 0 90px}
p,li{max-width:70ch}
ul{padding-left:22px}
li{margin:4px 0}
a{color:var(--ink)}
footer{background:#0d1015;color:#8a919c;font-size:15px;padding:30px 0;border-top:1px solid var(--asphalt-3)}
footer .wrap{max-width:1180px}
footer a{color:#dfe4ea;text-decoration:none;margin-right:22px}
footer a:hover{color:var(--copper-lite)}
footer .copy{margin-top:10px}
:focus-visible{outline:3px solid var(--copper);outline-offset:3px}