/* ===== FIGMA SPEC SHEET =====
Body text: Avenir (visual 550 → web 600 for more weight)
Contact: Bebas Neue
Brand red: #EF3340
================================ */

/* Webfonts */
@font-face {
  font-family: "AvenirWeb";
  src: url("/fonts/avenir.woff2") format("woff2"),
       url("/fonts/avenir.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BebasNeueWeb";
  src: url("/fonts/bebasneue.woff2") format("woff2"),
       url("/fonts/bebasneue.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root { --brand-red: #EF3340; }

* { box-sizing: border-box; }
html, body { height: 100%; }

body {
  margin: 0;
  background: var(--brand-red);
  color: #fff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: "AvenirWeb", -apple-system, BlinkMacSystemFont, "Avenir Next",
               "Helvetica Neue", Arial, sans-serif;
}

/* Layout wrapper */
.wrap {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

/* Logo */
.logo {
  display: block;
  width: 400px;
  height: auto;
  max-width: 100%;
  margin-bottom: 32px;
}

/* Text block */
.text-block {
  max-width: 408px;   /* slightly wider for cleaner wrapping */
  text-align: left;
  padding-left: 4px;  /* offsets width gain to keep left edge aligned */
}

/* Body paragraphs (exclude contact) */
.text-block p:not(.contact) {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: -0.18px; /* slightly tighter for visual density */
  color: #fff;
}

/* Space between body paragraphs */
.text-block p:not(.contact) + p:not(.contact) {
  margin-top: 26px;
}

/* Contact email */
.text-block p.contact {
  margin-top: 50px;
  font-family: "BebasNeueWeb", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0.5px;
}

@media (max-width: 600px) {
  .text-block p.contact {
    font-size: 26px;
  }
}

.contact a {
  color: #fff;
  text-decoration: none;
}
.contact a:hover {
  color: rgba(255,255,255,.85);
}