.ow-author-profile-wrapper{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:60px;
  padding:60px;
  border:1px solid #d8d8d8;
  background:#ffffff;
  overflow:hidden;
}

.ow-author-profile-content{
  width:60%;
}

.ow-author-profile-name{
  font-size:58px;
  line-height:1.1;
  margin:0 0 18px;
  font-weight:700;
  color:#111111;
}

.ow-author-profile-tagline{
  font-size:32px;
  font-weight:500;
  color:#111111;
  margin-bottom:30px;
}

.ow-author-profile-about{
  font-size:20px;
  line-height:1.9;
  color:#222222;
  margin-bottom:40px;
}

.ow-author-profile-social{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.ow-author-profile-social-link{
  width:58px;
  height:58px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  text-decoration:none;
  transition:all 0.3s ease;
}

.ow-author-profile-social-link:hover{
  transform:translateY(-4px);
}

.ow-author-profile-linkedin{
  background:#0077b5;
}

.ow-author-profile-facebook{
  background:#1877f2;
}

.ow-author-profile-instagram{
  background:linear-gradient(45deg,#f58529,#feda77,#dd2a7b,#8134af,#515bd4);
}

.ow-author-profile-image-section{
  width:40%;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

.ow-author-profile-accent{
  position:absolute;
  left:-18px;
  width:28px;
  height:210px;
  background:#f7c221;
  z-index:2;
}

.ow-author-profile-image-box{
  width:100%;
  max-width:560px;
  aspect-ratio:1/1;
  border-radius:50%;
  overflow:hidden;
  position:relative;
  z-index:1;
}

.ow-author-profile-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

@media(max-width:1200px){

  .ow-author-profile-wrapper{
      padding:40px;
      gap:40px;
  }

  .ow-author-profile-name{
      font-size:44px;
  }

  .ow-author-profile-tagline{
      font-size:26px;
  }

  .ow-author-profile-about{
      font-size:18px;
  }

}

@media(max-width:991px){

  .ow-author-profile-wrapper{
      flex-direction:column-reverse;
      text-align:center;
      padding:35px 25px;
  }

  .ow-author-profile-content,
  .ow-author-profile-image-section{
      width:100%;
  }

  .ow-author-profile-social{
      justify-content:center;
  }

  .ow-author-profile-image-box{
      max-width:420px;
  }

  .ow-author-profile-accent{
      left:50%;
      transform:translateX(-50%);
      top:auto;
      bottom:-15px;
      width:180px;
      height:18px;
  }

}

@media(max-width:767px){

  .ow-author-profile-wrapper{
      padding:25px 18px;
  }

  .ow-author-profile-name{
      font-size:34px;
  }

  .ow-author-profile-tagline{
      font-size:22px;
      margin-bottom:20px;
  }

  .ow-author-profile-about{
      font-size:16px;
      line-height:1.8;
      margin-bottom:30px;
  }

  .ow-author-profile-social-link{
      width:48px;
      height:48px;
  }

}



/* bottom Article CSS */
section {
  padding: 80px 0;
}
.ow-author-container {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 24px;
}
.ow-author-sh-center {
  text-align: center;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
}
.ow-author-arts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.ow-author-sh {
  margin-bottom: 48px;
}

.ow-author-sh-center {
  text-align: center;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
}

.ow-author-sh .ow-author-pill {
  margin-bottom: 14px;
}

.ow-author-sh h2 {
  margin-bottom: 12px;
}

.ow-author-sh p {
  font-size: 17px;
}

.ow-author-sh-center p {
  max-width: 540px;
  margin: 0 auto;
}

.ow-author-arts-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.ow-author-acard {
  background: #fff;
  border: 1px solid #dde4ed;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all .2s ease;
}

.ow-author-acard:hover {
  box-shadow: 0 6px 30px rgba(0, 58, 103, 0.14);
  transform: translateY(-3px);
  border-color: rgba(0, 58, 102, .2);
}

.ow-author-athumb {
  height: 168px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.ow-author-athumb-green {
  background: linear-gradient(135deg, #e6f4f0, #b2dfd4);
}

.ow-author-athumb-blue {
  background: linear-gradient(135deg, #e6eef5, #b3c9de);
}

.ow-author-athumb-pink {
  background: linear-gradient(135deg, #fdeef2, #f7b8c8);
}

.ow-author-athumb-purple {
  background: linear-gradient(135deg, #f0ecfb, #cdc0ef);
}

.ow-author-athumb-orange {
  background: linear-gradient(135deg, #fff4e6, #ffd9a0);
}

.ow-author-athumb-mint {
  background: linear-gradient(135deg, #eaf7ef, #a8ddb8);
}

.ow-author-athumb-ico {
  opacity: .18;
}

.ow-author-acat {
  position: absolute;
  top: 13px;
  left: 13px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #fff;
  background: #f7c221;
  padding: 4px 11px;
  border-radius: 100px;
}

.ow-author-abody {
  padding: 20px 22px 22px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.ow-author-abody h3 {
  font-size: 15.5px;
  line-height: 1.4;
  margin-bottom: 9px;
}

.ow-author-abody h3 a {
  text-decoration: none;
  color: var(--navy);
  transition: color .15s;
}

.ow-author-abody h3 a:hover {
  color: #f7c221;
}

.ow-author-abody p {
  font-size: 13.5px;
  line-height: 1.6;
  flex: 1;
}

.ow-author-ameta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  padding-top: 13px;
  border-top: 1px solid #dde4ed;
}

.ow-author-ameta-read {
  font-size: 12px;
  font-weight: 600;
  color: #808386;
}

.ow-author-ameta-date {
  font-size: 12px;
  color: #adadad;
  margin-left: auto;
}

.ow-author-arts-footer {
  text-align: center;
  margin-top: 44px;
}

/* =========================================
RESPONSIVE
========================================= */
@media (max-width:1020px) {
  .ow-author-arts-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width:720px) {
  section {
    padding: 56px 0;
  }

  .ow-author-hero {
    padding: 44px 0 0;
  }

  .ow-author-hero-main {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .ow-author-av {
    width: 108px;
    height: 108px;
    font-size: 34px;
  }

  .ow-author-arts-grid {
    grid-template-columns: 1fr;
  }
}