/* About page */
.about-page { position: relative; isolation: isolate; display: grid; gap: var(--space-7); align-items: end; padding-block: var(--space-6) 0; }
@media (min-width: 1024px) { .about-page { grid-template-columns: 1.1fr 0.9fr; } }
.about-page::before { content: ""; position: absolute; inset-inline-end: 0; top: 10%; width: 40vw; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--color-accent) 35%, transparent), transparent 65%); z-index: -1; }
.about-page__copy { padding-block-end: var(--space-7); }
.about-page__title { font-size: clamp(2.2rem, 1.4rem + 2.4vw, 3.6rem); margin-block-end: var(--space-6); }
.about-page__text { max-width: 54ch; }
.about-page__text p { margin-block-end: var(--space-4); }
.about-page__text strong { font-weight: var(--weight-bold); }
.about-page__photo img { display: block; width: 100%; max-width: 520px; height: auto; margin-inline: auto; }

/* Testimonials on a soft gradient band, light cards */
.about-quotes { margin-inline: 12px; padding-block: var(--space-7); border-radius: 50px; background: var(--gradient-brand); }
.about-quotes .testimonials { margin: 0; }
.about-quotes .testimonial { background: var(--color-bg); color: var(--color-text); border-color: transparent; box-shadow: 0 20px 40px -30px color-mix(in srgb, var(--color-primary) 50%, transparent); }
.about-quotes .testimonial__role { opacity: 0.6; }
.about-quotes .marquee { mask-image: none; }

/* Closing title over the glass flower */
.about-closing { position: relative; isolation: isolate; display: grid; place-items: center; min-height: clamp(360px, 40vw, 620px); padding-block: var(--section-gap); text-align: center; overflow: hidden; }
/* The flower stands on the dark footer: no white gap between its bottom and the footer card */
.about-closing { padding-block-end: 0; min-height: clamp(420px, 44vw, 660px); }
.page-template-page-about .site-footer { padding-block-start: 0; }
.about-closing__img { position: absolute; left: 50%; bottom: 0; width: auto; height: 92%; max-width: 80vw; object-fit: contain; object-position: bottom; translate: -50% 0; opacity: 0.4; z-index: -1; }
.about-closing::before { content: ""; position: absolute; left: 50%; top: 58%; width: min(70vw, 420px); aspect-ratio: 1; translate: -50% -50%; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--color-secondary) 35%, transparent), transparent 65%); z-index: -2; }
.about-closing__title { display: grid; gap: var(--space-2); margin: 0; }
/* solid purple: the light gradient disappears over the flower */
.about-closing__big .text-gradient { background: none; color: var(--color-secondary); }
.about-closing__big { font-size: clamp(3rem, 1.5rem + 6vw, 7.5rem); font-weight: var(--weight-heavy, 900); line-height: 0.95; letter-spacing: -0.02em; }
.about-closing__small { font-size: clamp(1.5rem, 1rem + 2vw, 3rem); line-height: 1; }

@media (max-width: 1023px) {
	.about-page { gap: var(--space-4); }
	.about-page__copy { padding-block-end: 0; }
	.about-quotes { border-radius: 0 0 32px 32px; }
}