.about-main { max-width: 1000px; margin: 0 auto; padding: clamp(3rem,7vw,7rem) clamp(1.1rem,4vw,3rem) 6rem; }
.about-main h1 { color: #f6f3ee; font-size: clamp(3.8rem,8vw,7rem); line-height: 1; letter-spacing: -.06em; margin: .3rem 0 3rem; }
.about-intro { display: grid; grid-template-columns: minmax(220px, .4fr) minmax(0,1fr); gap: clamp(1.5rem,4vw,3rem); align-items: start; }
.about-portrait { margin: 0; position: sticky; top: 6rem; }
.about-portrait img { display: block; width: 100%; height: auto; max-height: 540px; object-fit: cover; object-position: center 38%; border-radius: 9px; }
.about-copy { max-width: 760px; border-inline-start: 3px solid #e87535; padding-inline-start: clamp(1rem,3vw,2.5rem); }
.about-copy p { font-size: clamp(1.08rem,1.5vw,1.34rem); line-height: 1.95; color: #e7e1dc; margin: 0 0 1.45rem; }
.about-connect { margin-top: 4.5rem; border-top: 1px solid #544750; padding-top: 2rem; }
.about-connect h2 { color: #fff; font-size: clamp(1.8rem,3vw,2.7rem); margin: 0 0 .55rem; }
.about-email { color: #f4ad7d; font-size: clamp(1.15rem,2vw,1.6rem); direction: ltr; display: inline-block; }
.contact-links { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1rem; }
.contact-link { display: inline-flex; align-items: center; gap: .6rem; min-height: 3rem; border: 1px solid #62545e; border-radius: 9px; padding: .45rem .85rem; color: #fff; font-weight: 650; direction: ltr; }
.contact-link.email { background: #3a2c24; color: #ffe2cb; }
.contact-link.whatsapp { background: #075e43; color: white; }
.contact-link:hover { filter: brightness(1.18); }
.whatsapp .social-icon { color: white; width: 1.55rem; height: 1.55rem; }
.social-links { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.social { display: inline-flex; align-items: center; gap: .55rem; min-height: 3rem; border: 1px solid #62545e; border-radius: 9px; padding: .35rem .75rem; color: #fff; background: #201d24; font-weight: 650; }
.social:hover { background: #302b32; }
.social-icon { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 7px; color: #fff; }
.social-icon svg { width: 1.25rem; height: 1.25rem; }
.instagram .social-icon { background: linear-gradient(35deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5); }
.facebook .social-icon { background: #0866ff; }
.tiktok .social-icon { background: #000; filter: drop-shadow(2px 0 #ee1d52) drop-shadow(-1px 0 #69c9d0); }
.youtube .social-icon { background: #ff0033; }
.about-back { margin-top: 3.5rem; display: inline-flex; }
@media (max-width: 520px) {
  .about-intro { display: block; }
  .about-portrait { position: static; width: min(100%,340px); margin: 0 auto 2.5rem; }
  .about-portrait img { height: 360px; object-fit: cover; object-position: center 32%; }
  .topbar { flex-wrap: wrap; }
  .topbar .main-nav { order: 2; width: 100%; justify-content: space-between; gap: .5rem; padding-top: .35rem; }
  .topbar .main-nav a { font-size: .72rem; }
  .social-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .social { font-size: .84rem; }
}