:root {
  color-scheme: light;
  font-family: Arial, Helvetica, sans-serif;
  color: #595959;
  background: #fff;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }

body { margin: 0; }

main {
  width: min(100%, 640px);
  min-height: 100svh;
  margin: 0 auto;
  padding: clamp(56px, 10vh, 96px) 24px 40px;
  text-align: center;
}

.logo {
  position: relative;
  width: min(250px, 100%);
  aspect-ratio: 1.05;
  overflow: hidden;
  margin: 0 auto 58px;
}

.logo img {
  position: absolute;
  width: 166.667%;
  height: auto;
  left: -33.333%;
  top: -29.8%;
}

.eyebrow {
  margin: 0 0 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

h1 {
  color: #cf001c;
  font-size: clamp(30px, 6vw, 38px);
  font-weight: 600;
  letter-spacing: -.035em;
  margin: 0 0 18px;
}

p { font-size: 15px; line-height: 1.8; margin: 0; }

.contacts { margin-top: 36px; font-style: normal; line-height: 1.8; }
.contacts strong { font-size: 16px; }
.contact-links { margin-top: 14px; overflow-wrap: anywhere; }
.contact-links a { display: inline-block; padding: 3px 0; }

footer { margin-top: 36px; font-size: 12px; line-height: 1.7; }

a { color: inherit; text-underline-offset: 4px; }
a:hover { color: #cf001c; }
a:focus-visible { outline: 2px solid #cf001c; outline-offset: 5px; }

@media (max-width: 480px) {
  main { padding-top: 48px; }
  .logo { width: 210px; margin-bottom: 42px; }
}