* { box-sizing: border-box; }
html { color-scheme: dark; background: #560001; }
body { margin: 0; background: #560001; color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-size: 16px; line-height: 1.5; }
.hero { display: block; width: 100%; height: auto; }
.contacts { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 30px; padding: 30px 32px 166px; text-align: center; }
.contact { min-width: 0; }
.icon { display: flex; align-items: center; justify-content: center; width: 44px; height: 40px; margin: 0 auto 10px; color: #e0ae3d; }
.icon svg { display: block; width: 36px; height: 36px; }
.icon svg[viewBox="0 0 384 512"] { width: 27px; }
h2, p, address { margin: 0; font-size: 16px; line-height: 24px; }
h2 { font-weight: 700; }
address { font-style: normal; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
a.icon { transition: transform .18s ease; }
a.icon:hover { transform: scale(1.1); }
a:focus-visible { outline: 2px solid #e0ae3d; outline-offset: 5px; border-radius: 3px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 767px) { .contacts { grid-template-columns: 1fr; gap: 30px; padding: 30px 20px 40px; } }
@media (prefers-reduced-motion: reduce) { a.icon { transition: none; } }