/* "The Seasons" est chargée via Adobe Fonts (Typekit), voir la balise dans le de chaque page. Pas de @font-face ici : Typekit s'en charge. */ *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); font-weight: 400; line-height: 1.65; -webkit-font-smoothing: antialiased; } img, svg, video { max-width: 100%; display: block; } a { color: inherit; text-decoration: none; } h1, h2, h3 { font-family: var(--font-heading); font-weight: 400; line-height: 1.15; margin: 0 0 var(--space-3); text-wrap: balance; } h1 { font-size: clamp(2.3rem, 4vw + 1.2rem, 3.75rem); } h2 { font-size: clamp(1.6rem, 2.4vw + 1rem, 2.4rem); } h3 { font-family: var(--font-body); font-weight: 600; font-size: 1.2rem; } p { margin: 0 0 var(--space-2); color: var(--color-text-muted); } .container { width: 100%; max-width: var(--max-width); margin: 0 auto; padding: 0 var(--space-3); } .eyebrow { display: block; font-family: var(--font-body); font-weight: 600; font-size: 0.78rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--color-accent); margin-bottom: var(--space-2); } .accent-word { font-family: var(--font-accent-italic); font-style: italic; font-weight: 400; font-size: 0.9em; color: var(--color-accent-2); } .lede { font-family: var(--font-body); font-weight: 500; font-size: clamp(1.05rem, 1vw + 0.9rem, 1.25rem); color: var(--color-text); line-height: 1.6; text-wrap: pretty; } .offers-help-note { text-wrap: pretty; } .reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.8s cubic-bezier(0.16, 0.8, 0.24, 1), transform 0.8s cubic-bezier(0.16, 0.8, 0.24, 1); } .reveal.in-view { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .reveal { opacity: 1; transform: none; transition: none; } } .section { padding-block: var(--space-6); } .section--alt { background: var(--color-bg-alt); } .section-header { text-align: center; max-width: 640px; margin: 0 auto var(--space-5); } .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }