@font-face { font-family: "PT Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/pt-mono-latin-400-normal.woff2") format("woff2"); }
:root { --red: #e30613; --cyan: #009fe3; --mono: "PT Mono", "Courier New", monospace; --sans: "Helvetica Neue", Helvetica, Arial, sans-serif; }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #e9e9e9; color: #111; font-family: var(--sans); font-size: 17px; line-height: 1.6; }
a { color: inherit; }
.wrap { width: 100%; max-width: 900px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 48px); }
.site-header { padding: 22px clamp(16px, 4vw, 48px); }
.brand img { width: 160px; height: auto; display: block; }
.legal { padding: 30px 0 80px; }
.label { font-family: var(--mono); font-size: 13px; letter-spacing: .2em; text-transform: uppercase; color: #666; }
.label i { display: inline-block; width: 22px; height: 2px; background: var(--red); vertical-align: middle; margin-right: 10px; }
h1 { font-family: var(--mono); font-weight: 400; font-size: clamp(2rem, 4vw, 3rem); margin: 0 0 24px; }
h2 { font-family: var(--mono); font-weight: 400; font-size: 1.6rem; margin: 44px 0 10px; }
h3 { font-size: 1.1rem; margin: 26px 0 6px; }
address { font-style: normal; }
.site-foot { background: #111; color: #aaa; font-family: var(--mono); font-size: 13px; padding: 26px 0 32px; }
.site-foot .wrap { display: flex; flex-wrap: wrap; gap: 10px 26px; justify-content: space-between; max-width: 1180px; }
.site-foot a { color: #eee; text-decoration: none; border-bottom: 1px solid #555; }
.foot-links { display: flex; gap: 20px; }
