/* ========================= TYPOGRAPHY – ARIES ACCESSOIRE ========================= */ /* ========================= OPTION ACTIVE (RECOMMANDÉE) Cormorant Garamond + Plus Jakarta Sans Luxe discret • Mode • Premium (police chargée via dans le , voir index.html) ========================= */ /* Titres principaux */ .hero-title, h1, h2, h3, h4 { font-family: 'Cormorant Garamond', serif; font-weight: 600; letter-spacing: -0.01em; } /* Texte global & UI */ body, .nav-list a, .btn, .stat-label { font-family: 'Plus Jakarta Sans', sans-serif; } body { font-weight: 400; } /* Navigation & labels */ .nav-list a, .stat-label { letter-spacing: 0.22em; text-transform: uppercase; } /* Boutons */ .btn { font-weight: 500; letter-spacing: 0.2em; } /* ========================= SECTION HEADER ========================= */ .section-header { margin: 0 auto; display: flex; flex-direction: column; gap: 0.6rem; } .section-header.align-left { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .section-header.text-center { align-items: center; text-align: center; } .section-eyebrow { display: flex; justify-content: center; align-items: center; gap: 8px; margin-bottom: 5px; letter-spacing: 3px; width: 100%; font-weight: 600; text-transform: uppercase; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; color: var(--rose-primary); } .section-line { width: 50px; height: 2px; background: linear-gradient( 90deg, transparent, #e7a1b0, transparent ); opacity: 0.85; } .section-eyebrow.align-left { display: flex; justify-content: flex-start; align-items: center; gap: 8px; margin-bottom: 5px; letter-spacing: 3px; width: 100%; font-weight: 600; text-transform: uppercase; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; color: var(--rose-primary); } .section-title { font-size: clamp(2rem, 3.5vw, 2.6rem); font-weight: 600; letter-spacing: -0.02em; line-height: 1.15; }