/* ==========================================================================
   MedAmine — front.css (homepage only)
   ========================================================================== */

/* ---------- Hero ---------- */
.hero { padding-block: clamp(2.5rem, 1.5rem + 5vw, 6rem); background:
	radial-gradient(60rem 30rem at 85% -10%, var(--c-brand-50), transparent 60%),
	var(--c-white); }
.hero__grid { display: grid; gap: var(--s-7); align-items: center; }
@media (min-width: 900px) { .hero__grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); } }
.hero__title { font-size: clamp(2.125rem, 1.4rem + 3.2vw, 3.5rem); line-height: 1.08; letter-spacing: -0.02em; margin: 0 0 var(--s-4); }
.hero__text { font-size: var(--fs-lede); color: var(--c-ink-2); max-width: 38rem; margin: 0; }
.hero__trust { list-style: none; padding: 0; margin: var(--s-6) 0 0; display: grid; gap: var(--s-2); font-size: var(--fs-small); color: var(--c-ink-2); }
.hero__trust li { display: flex; align-items: center; gap: var(--s-2); }
.hero__trust .icon { color: var(--c-success); }
.hero__media { justify-self: center; width: min(100%, 440px); }
.hero__photo, .hero__media img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 24px; box-shadow: 0 24px 60px -24px rgb(76 34 181 / .35); }
@media (max-width: 899px) { .hero__media { order: -1; width: min(60%, 260px); justify-self: start; } .hero__media img { aspect-ratio: 1; border-radius: 50%; } }

/* ---------- Proof ---------- */
.proof { border-block: 1px solid var(--c-line); background: var(--c-white); }
.proof__list { display: grid; grid-template-columns: repeat(2, 1fr); margin: 0; }
@media (min-width: 900px) { .proof__list { grid-template-columns: repeat(4, 1fr); } }
.proof__item { display: flex; flex-direction: column-reverse; gap: var(--s-1); padding: var(--s-5) var(--s-4); border-right: 1px solid var(--c-line); }
.proof__item:last-child { border-right: 0; }
@media (max-width: 899px) { .proof__item:nth-child(2n) { border-right: 0; } .proof__item:nth-child(-n+2) { border-bottom: 1px solid var(--c-line); } }
.proof__item dt { font-size: var(--fs-small); color: var(--c-ink-2); line-height: 1.4; }
.proof__item dd { margin: 0; font-family: var(--font-display); font-weight: 800; font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); line-height: 1; color: var(--c-brand-ink); }
.proof__item dd span { font-size: .6em; margin-left: .1em; }

/* ---------- Offer band ---------- */
.offer { padding-block: var(--s-7); background: linear-gradient(120deg, var(--c-brand-ink), var(--c-brand)); color: var(--c-white); }
.offer__inner { display: grid; gap: var(--s-5); align-items: center; }
@media (min-width: 900px) { .offer__inner { grid-template-columns: auto 1fr auto; } }
.offer__icon { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 16px; background: rgb(255 255 255 / .14); }
.offer__icon .icon { width: 32px; height: 32px; }
.offer__title { color: var(--c-white); font-size: var(--fs-h3); margin: 0 0 var(--s-2); }
.offer__text p { margin: 0; color: #ebe4ff; }

/* ---------- About teaser ---------- */
.about-teaser { display: grid; gap: var(--s-6); align-items: center; }
@media (min-width: 900px) { .about-teaser { grid-template-columns: 360px 1fr; gap: var(--s-8); } }
.about-teaser__media img { width: 100%; max-width: 360px; aspect-ratio: 1; object-fit: cover; border-radius: 24px; }
.about-teaser .section-head { margin-bottom: var(--s-4); }
.about-teaser .prose { font-size: 1.0625rem; color: var(--c-ink-2); }
.about-teaser .prose p { margin: 0 0 1em; }

#services, #realisations, #contact { scroll-margin-top: var(--header-h); }