.talya-about { background: #fff; padding-block: 80px 88px; }
.talya-about__heading { text-align: center; margin-bottom: 38px; }
.talya-about__eyebrow { display: flex; justify-content: center; align-items: center; gap: 16px; margin-bottom: 20px; color: var(--talya-navy); font-size: 20px; line-height: 1.4; }
.talya-about__heading h2 { font-size: clamp(36px, 3.5vw, 50px); font-weight: 800; line-height: 1.2; letter-spacing: -.03em; }
.talya-about__heading h2 span { display: block; }
.talya-about__layout { display: grid; grid-template-columns: .85fr 1.15fr; align-items: stretch; gap: 32px; }
.talya-about__collage { position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 59% 41%; min-width: 0; }
.talya-about__photo { width: 100%; height: 100%; min-height: 0; object-fit: cover; border-radius: 24px; }
.talya-about__photo--care { grid-row: 1 / 3; object-position: 72% center; }
.talya-about__photo--digital { object-position: 67% center; }
.talya-about__route { overflow: hidden; background: var(--talya-teal); border: 1.5px solid var(--talya-navy); border-radius: 50% 50% 24px 24px; }
.talya-about__route svg { display: block; width: 100%; height: 100%; }
.talya-about__sparkles { position: absolute; bottom: 43px; left: -23px; width: 90px; height: 110px; }
.talya-about__reasons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: 1fr 1fr; min-height: 480px; padding: 0; margin: 0; overflow: hidden; border-radius: 24px; background: var(--talya-navy); color: var(--talya-mint); list-style: none; }
.talya-about__reason { min-width: 0; padding: 26px; }
.talya-about__reason:first-child, .talya-about__reason:last-child { background: #294755; }
.talya-about__icon { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin-bottom: 20px; border-radius: 50%; background: var(--talya-mint); color: var(--talya-navy); }
.talya-about__reason h3 { margin-bottom: 9px; color: #fff; font-size: 20px; font-weight: 700; line-height: 1.35; letter-spacing: -.02em; }
.talya-about__reason p { margin: 0; font-size: 15px; line-height: 1.55; }
@media (max-width: 1100px) {
  .talya-about__layout { gap: 28px; }
  .talya-about__reason { padding: 24px; }
  .talya-about__reason h3 { font-size: 18px; }
  .talya-about__icon { width: 56px; height: 56px; margin-bottom: 18px; }
  .talya-about__sparkles { width: 76px; height: 94px; left: -20px; }
}
@media (max-width: 900px) {
  .talya-about { padding-block: 64px 72px; }
  .talya-about__layout { grid-template-columns: 1fr; gap: 28px; }
  .talya-about__heading h2 { font-size: 36px; }
  .talya-about__collage { height: 440px; }
  .talya-about__reasons { min-height: 0; }
  .talya-about__reason { padding: 26px; }
  .talya-about__reason h3 { font-size: 20px; }
  .talya-about__sparkles { left: -18px; }
}
@media (max-width: 600px) {
  .talya-about { padding-block: 52px 60px; }
  .talya-about__heading { margin-bottom: 30px; }
  .talya-about__eyebrow { gap: 12px; margin-bottom: 18px; font-size: 17px; }
  .talya-about__eyebrow svg { width: 42px; height: 24px; }
  .talya-about__heading h2 { font-size: clamp(25px, 7.4vw, 34px); }
  .talya-about__collage { height: 330px; }
  .talya-about__photo { border-radius: 20px; }
  .talya-about__route { border-radius: 50% 50% 20px 20px; }
  .talya-about__sparkles { width: 60px; height: 74px; left: -14px; bottom: 32px; }
  .talya-about__reasons { grid-template-columns: 1fr; grid-template-rows: none; border-radius: 20px; }
  .talya-about__reason { padding: 24px; }
  .talya-about__reason:nth-child(odd) { background: #294755; }
  .talya-about__reason:nth-child(even) { background: var(--talya-navy); }
  .talya-about__icon { margin-bottom: 16px; }
  .talya-about__reason h3 { font-size: 19px; }
}
