/* Scoped to Despre: preserve the live hero, services and shared glass finish. */
#despre.about-bento { max-width: 1280px; padding: 120px 40px 130px; scroll-margin-top: 90px; }
#despre .about-bento-grid { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: clamp(40px, 6vw, 80px); }
#despre .about-bento-copy { min-width: 0; }
#despre .label { font-size: 10px; letter-spacing: .18em; margin-bottom: 24px; }
#despre #about-heading { margin: 0 0 25px; color: #45523f; font: 500 clamp(42px, 4.3vw, 62px)/1.08 var(--font-serif); letter-spacing: -.035em; }
#despre #about-heading em { font-weight: 400; }
#despre .about-bento-story { max-width: 47ch; color: var(--muted); font: 400 15px/1.85 var(--font-body); margin: 0; }
#despre .about-bento-facts { position: relative; margin-top: 38px; }
#despre .about-stats { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; }
#despre .stat { min-width: 0; padding: 20px 15px; border-radius: 25px; gap: 8px; }
#despre .stat strong { font: 600 clamp(31px, 3vw, 44px)/1.15 var(--font-serif); }
#despre .stat span { font-size: 11px; line-height: 1.5; letter-spacing: 0; }
#despre .about-bento-leaf { position: absolute; width: 165px; height: auto; left: -64px; bottom: -34px; transform: rotate(-32deg); pointer-events: none; opacity: .85; }
#despre .about-bento-collage { position: relative; min-width: 0; padding: 16px 0 30px; }
#despre .about-bento-photo { position: relative; margin: 0; border-radius: 30px; overflow: hidden; box-shadow: 0 16px 32px -22px #344a3e60; }
#despre .about-bento-photo::after { content: ''; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; box-shadow: inset 1px 2px 2px #ffffff99, inset -1px -2px 4px #20393126; }
#despre .about-bento-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
#despre .about-bento-main { width: 100%; aspect-ratio: 1.42; }
#despre .about-bento-main img { object-position: 50% 45%; }
#despre .about-bento-details { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; padding: 0 18px; margin-top: 22px; align-items: start; }
#despre .about-bento-portrait { aspect-ratio: 1.05; }
#despre .about-bento-portrait img { object-position: 50% 28%; }
#despre .about-bento-detail { aspect-ratio: 1.05; margin-top: 28px; }
#despre .about-bento-detail img { object-position: 50% 32%; }
#despre .about-bento-brush { position: absolute; z-index: 2; width: 64px; height: auto; left: calc(50% - 20px); bottom: 2px; transform: rotate(-22deg); filter: drop-shadow(4px 9px 7px #27362624); pointer-events: none; }
@media (max-width: 900px) {
  #despre.about-bento { padding: 85px 28px 95px; }
  #despre .about-bento-grid { grid-template-columns: 1fr; gap: 48px; max-width: 620px; margin: auto; }
  #despre #about-heading { font-size: clamp(42px, 7vw, 58px); }
  #despre .about-bento-story { max-width: 55ch; }
  #despre .about-bento-collage { padding-top: 0; }
}
@media (max-width: 480px) {
  #despre.about-bento { padding: 70px 22px 75px; }
  #despre .about-bento-grid { gap: 36px; }
  #despre #about-heading { font-size: 41px; }
  #despre .about-bento-story { font-size: 14px; line-height: 1.75; }
  #despre .about-stats { gap: 8px; }
  #despre .stat { padding: 17px 10px; border-radius: 20px; }
  #despre .stat strong { font-size: 32px; }
  #despre .stat span { font-size: 10px; }
  #despre .about-bento-leaf { width: 120px; left: -44px; bottom: -25px; }
  #despre .about-bento-photo { border-radius: 24px; }
  #despre .about-bento-details { padding: 0 8px; gap: 16px; margin-top: 16px; }
  #despre .about-bento-brush { width: 48px; }
}