/*
        Colors:
        #f8f8f8 (light greu)
        ------------------------
        #707070 (grey)
        #ff6b00 (orange)
        #c14400 (dark orange)
        #1792d2 (blue)
        #ce9117 (yellow)

        ------------------------
        Inter 2rem Heading 1,
        Inter 1.5rem Heading 2 (blog post titles),
        Inter bold .75rem Subheading,
        Inter light 1.125rem body text,
        Inter bold 0.875rem after text link,
        Inter light 0.875rem Dates
        */

      * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      body {
        font-size: 1.125rem;
        font-family: "Inter", Arial, sans-serif;
        margin: 0 auto;
        color: #333;
        background-color: #f8f8f8;
      }

      figure {
        margin: 0;
      }

      figcaption {
        font-size: 0.875rem;
        color: #707070;
        font-weight: 700;
        margin-top: 0.5rem;
      }

      img {
        max-width: 100%;
        height: auto;
        display: block;
      }

      .image-full {
        max-height: 375px;
        width: 100%;
        object-fit: cover;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      }

      /* Layout */

      .container {
        width: 90%;
        max-width: 960px;
        margin: 0 auto;
      }

      .container-flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        gap: 2rem;
        position: relative;
      }

      .box {
        flex-basis: 50%;
      }

      .racing {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 350px;
        width: 350px;
        opacity: 0.03;
        z-index: -1;
      }

      header,
      main {
        padding: 2rem 0;
        margin-bottom: 3rem;
      }

      header {
        align-items: center;
        border-bottom: 2px solid #ccc;
        background-color: #f4f4f4;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      }

      .logo {
        max-width: 200px;
        height: auto;
      }
    @media (max-width: 675px) {
        .logo {
          max-width: 150px;
        }
      }

      header p {
        margin: 0;
        font-size: 1.125rem;
        font-weight: 700;
        color: #707070;
      }

      .call {
        text-transform: uppercase;
        /* color: #c14400; */
        font-weight: 700;
        font-size: 0.875rem;
        letter-spacing: 1px;
      }

      .subheader {
        font-size: 0.875rem;
        font-weight: 700;
        color: #707070;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0 0 1rem 0;
      }

      .highlight {
        color: #ff6b00;
        font-weight: bold;
      }

      footer {
        padding: 2rem 0;
        color: #707070;
        text-align: center;
        border-top: 2px solid #ccc;
        background-color: #f4f4f4;
        box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        color: #222;
        font-weight: 400;
        margin-top: 0;
        line-height: 1.2;
      }

      /* Typography */
      h1 {
        font-size: clamp(1.5rem, 2.5vw, 2rem);
        margin-bottom: 2rem;
      }

      p {
        margin-bottom: 1rem;
        line-height: 1.6;
      }

      a {
        text-decoration: none;
        color: #ff6b00;
        transition: color 0.3s ease;
      }
      a:hover,
      a:focus {
        color: #c14400;
        text-decoration: underline;
      }

      strong {
        font-weight: 700;
      }

      /* Responsive Design */
      @media (max-width: 675px) {
        .container-flex {
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 1.5rem;
        }
        .box {
          padding: 1rem;
        }
        .subheader {
          font-size: 0.75rem;
        }
        .image-full {
          max-height: 300px;
        }
        header,
        main {
          padding: 1rem 0;
          margin-bottom: 2rem;
        }
        footer {
          padding: 1rem 0;
        }
      }