.frema-latest{width:100%;box-sizing:border-box;}
.frema-latest *,.frema-latest *::before,.frema-latest *::after{box-sizing:border-box;}
.frema-latest-inner{margin:0 auto;width:100%;}
.frema-latest-grid{
  display:grid;
  grid-template-columns:1fr 1.1fr auto;
  align-items:center;
  gap:60px;
}

/* Heading column */
.frema-latest-col--heading{display:flex;align-items:center;}
.frema-latest-heading{
  margin:0;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.2px;
}

/* List column */
.frema-latest-col--list{display:flex;align-items:center;justify-content:flex-start;}
.frema-latest-list{
  list-style:none;
  margin:0;padding:0;
  display:flex;flex-direction:column;
  gap:18px;
  width:100%;
}
.frema-latest-item{
  position:relative;
  display:flex;align-items:center;justify-content:flex-start;
  gap:18px;
  font-weight:700;
  cursor:pointer;
  outline:none;
  transition:color .35s ease, transform .35s ease;
  user-select:none;
}
.frema-latest-item a{color:inherit;text-decoration:none;}
.frema-latest-item .text{display:inline-block;transition:transform .35s ease;}
.frema-latest-item:hover .text,
.frema-latest-item.is-active .text{transform:translateX(4px);}
.frema-latest-item .dot{
  display:inline-block;
  width:10px;height:10px;border-radius:50%;
  background:#d6d2c4;
  flex-shrink:0;
  transition:transform .35s ease, background-color .35s ease;
}
.frema-latest-item:hover .dot,
.frema-latest-item.is-active .dot{transform:scale(1.25);}

/* Image column */
.frema-latest-col--image{display:flex;align-items:center;justify-content:flex-end;}
.frema-latest-image{
  position:relative;
  width:420px;height:580px !important;
  overflow:hidden;
  background:#f1efe8;
}
.frema-latest-image img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  opacity:1;
  transform:scale(1);
  transition:opacity .55s ease, transform .8s ease;
  will-change:opacity,transform;
}
.frema-latest-image img.is-leaving{
  opacity:0;
  transform:scale(1.04);
}
.frema-latest-image img.is-entering{
  opacity:0;
  transform:scale(1.06);
}

/* Tablet */
@media (max-width: 1024px){
  .frema-latest-grid{
    grid-template-columns:1fr 1fr;
    grid-template-areas:
      "heading image"
      "list    image";
    gap:40px;
    align-items:start;
  }
  .frema-latest-col--heading{grid-area:heading;}
  .frema-latest-col--list   {grid-area:list;align-items:flex-start;}
  .frema-latest-col--image  {grid-area:image;justify-content:center;}
}

/* Mobile */
@media (max-width: 720px){
  .frema-latest-grid{
    grid-template-columns:1fr;
    grid-template-areas:
      "heading"
      "image"
      "list";
    gap:24px;
  }
  .frema-latest-col--image{justify-content:center;}
  .frema-latest .frema-latest-image{width:100%;max-width:560px;height:580px !important;}
  .frema-latest-list{gap:14px;}
  .frema-latest-item{justify-content:space-between;}
}