/** Shopify CDN: Minification failed

Line 10:0 Unexpected "{"
Line 10:1 Expected identifier but found "%"
Line 157:0 Unexpected "{"
Line 157:1 Expected identifier but found "%"
Line 158:0 Expected "}" to go with "{"

**/
{% stylesheet %}

/* SECTION */
.key-findings{
  background:#f6f6f6;
  padding: clamp(50px,6vw,90px) 0;
      padding-bottom: 30px;
}

/* LAYOUT */
.key-findings__grid{
  display:grid;
  grid-template-columns: 1.1fr 1fr;
  gap:40px;
  align-items:start;
}

/* LEFT */
.key-title{
    font-weight: 600;
  font-family: var(--font-heading-family);
  font-size: clamp(26px,4vw,31px);
  color:#21628E;
  margin-bottom:8px;
}

.key-sub{
  font-size:20px;
  font-weight:500;
  color:#000000;
  margin-bottom:20px;
  /* max-width:520px; */
   font-family: var(--font-body-family);
}

/* CARDS */
.finding-card{
  background:#fff;
  padding:20px;
  border-radius:12px;
  margin-bottom:14px;
}

.finding-card h4{
  font-size:22px;
  margin-bottom:15px;
  color:#333333;
  font-weight:600;
  font-family: var(--font-heading-family);
}

.finding-card p{
font-weight: 400;
  font-size:18px;
  line-height:1.6;
  color:#000000;
  font-family: var(--font-body-family);
}

/* RIGHT */
.key-right{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.diagram-box{
 display: flex;
 justify-content: center;
  border-radius:12px;
  padding:20px;
  text-align:center;
}

.diagram-box img{
  width:100%;
  max-width:400px;
}

.cycle-box{
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
  background:#fff;
  border:1px solid #4B79B4;
  border-radius:12px;
  padding:16px;
  text-align:center;
}

.cycle-box h4{
margin-top: 10px;
  color:#21628E;
  margin-bottom:12px;
  font-size:22px;
}

.cycle-box img{
  width:90%;
  /* max-width:440px; */
}

/* ===================
   TABLET
=================== */
@media(max-width:1024px){
  .key-findings__grid{
    grid-template-columns:1fr;
  }

  .key-right{
    max-width:600px;
    margin:auto;
  }
  .key-right{
  display:flex;
  flex-direction:row;
}

/* ===================
   MOBILE
=================== */
@media(max-width:768px){
    .key-right{
  display:flex;
  flex-direction:column;
}

  .finding-card{
    padding:16px;
  }

  .finding-card h4{
    font-size:18px;
  }

  .finding-card p{
    font-size:14px;
  }

  .diagram-box,
  .cycle-box{
    padding:14px;
  }
}

{% endstylesheet %}