/* ==========================================================================
   about.css, "Meet Renee" split section
   ========================================================================== */
.tt-about{
  display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:0;
  max-width:var(--tt-maxw); margin:0 auto; padding:var(--tt-section-y) var(--tt-gutter);
}
.tt-about__media{position:relative;}
.tt-about__media img{
  width:100%; aspect-ratio:4/3.4; object-fit:cover; object-position:center 30%; border-radius:var(--tt-radius);
  box-shadow:0 24px 50px rgba(31,59,82,.18);
}
.tt-about__media::before{
  content:''; position:absolute; top:-18px; left:-18px; width:120px; height:120px;
  background:var(--tt-yellow); border-radius:50%; z-index:-1; opacity:.55;
}
.tt-about__body{padding-left:clamp(24px,5vw,64px);}
.tt-about__head{font-size:clamp(1.9rem,3.6vw,2.6rem); color:var(--tt-navy); margin-bottom:1.1rem;}
.tt-about__head em{color:var(--tt-purple); font-style:normal;}
.tt-about__text{font-size:1.05rem; color:var(--tt-stone); margin-bottom:1rem;}

/* Little experience credential row */
.tt-creds{display:flex; flex-wrap:wrap; gap:.7rem; margin:1.4rem 0 1.8rem;}
.tt-cred{
  display:inline-flex; align-items:center; gap:.5rem; background:var(--tt-sand);
  border-radius:999px; padding:.5rem 1rem; font-weight:700; font-size:.9rem; color:var(--tt-navy);
}
.tt-cred__dot{width:.55rem; height:.55rem; border-radius:50%;}
.tt-cred:nth-child(1) .tt-cred__dot{background:var(--tt-blue);}
.tt-cred:nth-child(2) .tt-cred__dot{background:var(--tt-pink);}
.tt-cred:nth-child(3) .tt-cred__dot{background:var(--tt-purple);}

@media (max-width:860px){
  .tt-about{grid-template-columns:1fr; gap:2.5rem;}
  .tt-about__body{padding-left:0;}
  .tt-about__media::before{display:none;}
}