.iso-focus{
  width:min(92vw, 1200px);
  margin:0 auto;
}

.iso-focus__inner{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(300px, 460px);
  gap:clamp(28px, 4vw, 64px);
  align-items:center;
}

.iso-focus--reverse .iso-focus__inner{
  grid-template-columns:minmax(300px, 460px) minmax(0, 1fr);
}

.iso-focus--reverse .iso-focus__copy{
  order:2;
}

.iso-focus--reverse .iso-focus__media{
  order:1;
}

.iso-focus__copy{
  min-width:0;
}

.iso-focus__title{
  margin:0 0 14px;
  font-size:clamp(34px, 4.8vw, 64px);
  line-height:.95;
  letter-spacing:-.04em;
  font-weight:800;
  color:#3f3f46;
}

.iso-focus__text{
  margin:0 0 18px;
  max-width:62ch;
  font-size:clamp(16px, 1.2vw, 19px);
  line-height:1.65;
  color:#4b5563;
}

.iso-focus__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}

.iso-focus__item{
  position:relative;
  padding-left:18px;
  font-size:clamp(15px, 1.05vw, 17px);
  line-height:1.6;
  color:#475569;
}

.iso-focus__item::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:7px;
  height:7px;
  border-radius:999px;
  background:#13c29b;
  transform:translateY(-50%);
  box-shadow:0 0 0 4px rgba(19,194,155,.14);
}

.iso-focus__actions{
  margin-top:22px;
}

.iso-focus__btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:#0f172a;
  font-weight:700;
  letter-spacing:.01em;
}

.iso-focus__btn-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:999px;
  background:rgba(0,180,240,.10);
  color:#00b4f0;
  transition:transform .18s ease, background-color .18s ease;
}

.iso-focus__btn:hover .iso-focus__btn-arrow{
  transform:translateX(2px);
  background:rgba(0,180,240,.16);
}

.iso-focus__media{
  display:flex;
  justify-content:center;
  align-items:center;
}

.iso-focus__media img{
  width:min(100%, 420px);
  height:auto;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 20px 40px rgba(15,23,42,.10));
}

@media (max-width: 900px){
  .iso-focus__inner,
  .iso-focus--reverse .iso-focus__inner{
    grid-template-columns:1fr;
    gap:22px;
  }

  .iso-focus--reverse .iso-focus__copy,
  .iso-focus--reverse .iso-focus__media{
    order:initial;
  }

  .iso-focus__title{
    font-size:clamp(28px, 9vw, 46px);
  }

  .iso-focus__media img{
    width:min(100%, 340px);
  }
}