/* PAGE */
    .story-page {
      max-width: 1100px;
      margin: auto;
      padding: 60px 25px 90px;
    }

    /* HERO */
    .story-hero {
      margin-bottom: 70px;
    }

    .story-hero img {
      width: 100%;
      border-radius: 24px;
      display: block;
    }

    /* TITLE */
    .story-title {
      text-align: center;
      margin: 50px auto 0;
      max-width: 850px;
    }

    .story-title h1 {
      font-size: 54px;
      margin-bottom: 20px;
      color: #111;
      line-height: 1.1;
    }

    .story-title p {
      font-size: 20px;
      line-height: 1.8;
      color: #666;
    }

    /* CONTENT */
    .story-content {
      max-width: 850px;
      margin: auto;
    }

    .story-content p {
      font-size: 18px;
      line-height: 2;
      color: #555;
      margin-bottom: 32px;
    }

    /* IMAGE BLOCKS */
    .story-image {
      margin: 55px 0;
    }

    .story-image img {
      width: 100%;
      border-radius: 24px;
      display: block;

      box-shadow: 0 12px 30px rgba(0,0,0,0.08);
    }

    /* QUOTE */
    .story-quote {
      background: #111;
      color: #fff;

      padding: 50px 40px;
      border-radius: 24px;

      margin: 70px 0;

      text-align: center;
    }

    .story-quote p {
      font-size: 28px;
      line-height: 1.7;
      font-weight: 600;
      color: #fff;
    }

    /* MOBILE */
    @media (max-width: 768px) {

      .story-page {
        padding: 35px 18px 70px;
      }

      .story-title h1 {
        font-size: 38px;
      }

      .story-title p {
        font-size: 17px;
      }

      .story-content p {
        font-size: 16px;
        line-height: 1.9;
      }

      .story-quote {
        padding: 35px 25px;
      }

      .story-quote p {
        font-size: 22px;
      }

    }