.lr-about{
  margin-top:110px;
  padding:34px 0 0;
}

.lr-about__wrap{
  max-width:1220px;
  margin:0 auto;
  padding:0 18px;
  display:grid;
  grid-template-columns:minmax(280px, 0.92fr) minmax(0, 1.08fr);
  gap:26px;
  align-items:center;
}

.lr-about__media{
  margin:0;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 14px 36px rgba(2, 6, 23, .14);
  background:#fff;
}

.lr-about__img{
  width:100%;
  height:auto;
  display:block;
  object-fit:cover;
}

.lr-about__content{
  min-width:0;
}

.lr-about__title{
  margin:0 0 12px;
  font-family:"Sora", "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size:clamp(24px, 2.3vw, 36px);
  line-height:1.2;
  letter-spacing:-.3px;
  color:#036;
}

.lr-about__text{
  margin:0;
  font-family:"Poppins", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size:clamp(14.2px, 1.06vw, 16.8px);
  line-height:1.78;
  color:#6b7280;
}

.lr-about__text a{
  color:#036;
  text-decoration:underline;
  text-underline-offset:2px;
}

.lr-about__text a[href^="#"],
.lr-about__text a[href^="/"],
.lr-about__text a[href^="./"],
.lr-about__text a[href^="../"],
.lr-about__text a[href^="https://lionerotik.com"],
.lr-about__text a[href^="http://lionerotik.com"],
.lr-about__text a[href^="https://www.lionerotik.com"],
.lr-about__text a[href^="http://www.lionerotik.com"],
.lr-about__text a:not([href*="://"]):not([href^="//"]):not([href^="mailto:"]):not([href^="tel:"]):not([href^="javascript:"]){
  color:#dc2626 !important;
}

.lr-about__text a:hover{
  color:#024;
}

.lr-about__text a[href^="#"]:hover,
.lr-about__text a[href^="/"]:hover,
.lr-about__text a[href^="./"]:hover,
.lr-about__text a[href^="../"]:hover,
.lr-about__text a[href^="https://lionerotik.com"]:hover,
.lr-about__text a[href^="http://lionerotik.com"]:hover,
.lr-about__text a[href^="https://www.lionerotik.com"]:hover,
.lr-about__text a[href^="http://www.lionerotik.com"]:hover,
.lr-about__text a:not([href*="://"]):not([href^="//"]):not([href^="mailto:"]):not([href^="tel:"]):not([href^="javascript:"]):hover{
  color:#b91c1c !important;
}

@media (max-width: 900px){
  .lr-about{
    padding:24px 0 0;
  }

  .lr-about__wrap{
    grid-template-columns:1fr;
    gap:16px;
    padding:0 14px;
  }

  .lr-about__title{
    font-size:clamp(21px, 6.2vw, 30px);
  }
}
