/* Behind the scenes + testimonials */
.about { padding-inline: 20px; }
.about__card { position: relative; isolation: isolate; overflow: hidden; padding-block: var(--space-8) var(--space-7); border-radius: 50px; background: var(--color-primary); color: var(--color-bg); }
.about__card::before { content: ""; position: absolute; inset-inline-end: -10%; top: -20%; width: 520px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--color-secondary) 40%, transparent), transparent 70%); z-index: -1; }
.about__inner { display: grid; gap: var(--space-7); align-items: center; }
@media (min-width: 1024px) { .about__inner { grid-template-columns: 0.85fr 1.15fr; } }
.about__title { margin-block-end: var(--space-5); font-size: clamp(2.25rem, 1.35rem + 2.8vw, 3.9rem); }
.about__text strong { font-weight: var(--weight-bold); opacity: 1; }
.about__text { max-width: 46ch; opacity: 0.85; margin-block-end: var(--space-6); }
.about__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.about__media { display: grid; grid-template-columns: 0.75fr 1.25fr; gap: var(--space-4); }
/* RTL: side column (flower + stat) next to the text, the big photo at the far edge, as on the live site */
.about__photo { order: 2; }
.about__photo { width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-lg); background: var(--gradient-brand); }
.about__side { display: grid; gap: var(--space-4); }
.about__flower { width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-lg); border: var(--border-width) solid color-mix(in srgb, var(--color-secondary) 50%, transparent); }
.about__stat { display: grid; align-content: end; gap: var(--space-2); padding: var(--space-5); border-radius: var(--radius-lg); background: linear-gradient(164deg, #ffffff 10%, #f3eaff 55%, #e0cbff 100%); color: var(--color-primary); }
.about__stat-num { font-size: var(--text-3xl); font-weight: var(--weight-bold); line-height: 1; direction: ltr; text-align: end; }
.about__stat-label { font-weight: var(--weight-regular); line-height: 1.25; }
.about__stat-label strong { font-weight: var(--weight-bold); }