/* CRH — généré par node tools/build-assets.mjs ; ne pas éditer. */
@font-face { font-family: 'Newsreader'; font-style: italic; font-weight: 300 500; font-display: swap; src: url('../fonts/newsreader-latin-ext-300_500-italic-0.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Newsreader'; font-style: italic; font-weight: 300 500; font-display: swap; src: url('../fonts/newsreader-latin-300_500-italic-1.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 300 600; font-display: swap; src: url('../fonts/newsreader-latin-ext-300_600-normal-2.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Newsreader'; font-style: normal; font-weight: 300 600; font-display: swap; src: url('../fonts/newsreader-latin-300_600-normal-3.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/hankengrotesk-latin-ext-400-normal-2.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/hankengrotesk-latin-400-normal-3.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/hankengrotesk-latin-ext-400-normal-2.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/hankengrotesk-latin-400-normal-3.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/hankengrotesk-latin-ext-400-normal-2.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/hankengrotesk-latin-400-normal-3.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/hankengrotesk-latin-ext-400-normal-2.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Hanken Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/hankengrotesk-latin-400-normal-3.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Space Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/spacemono-latin-ext-400-normal-0.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Space Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/spacemono-latin-400-normal-1.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Space Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/spacemono-latin-ext-700-normal-2.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Space Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/spacemono-latin-700-normal-3.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }     @font-face { font-family: 'CRH Serif Cyrl'; font-style: italic; font-weight: 300; font-display: swap; src: url('../fonts/spectral-cyrillic-ext-300-italic-0.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'CRH Serif Cyrl'; font-style: italic; font-weight: 300; font-display: swap; src: url('../fonts/spectral-cyrillic-300-italic-1.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'CRH Serif Cyrl'; font-style: italic; font-weight: 400; font-display: swap; src: url('../fonts/spectral-cyrillic-ext-400-italic-2.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'CRH Serif Cyrl'; font-style: italic; font-weight: 400; font-display: swap; src: url('../fonts/spectral-cyrillic-400-italic-3.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'CRH Serif Cyrl'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/spectral-cyrillic-ext-300-normal-4.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'CRH Serif Cyrl'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/spectral-cyrillic-300-normal-5.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'CRH Serif Cyrl'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/spectral-cyrillic-ext-400-normal-6.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'CRH Serif Cyrl'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/spectral-cyrillic-400-normal-7.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'CRH Sans Cyrl'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/onest-cyrillic-ext-400-normal-2.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'CRH Sans Cyrl'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/onest-cyrillic-400-normal-3.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'CRH Sans Cyrl'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/onest-cyrillic-ext-400-normal-2.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'CRH Sans Cyrl'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/onest-cyrillic-400-normal-3.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'CRH Sans Cyrl'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/onest-cyrillic-ext-400-normal-2.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'CRH Sans Cyrl'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/onest-cyrillic-400-normal-3.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'CRH Sans Cyrl'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/onest-cyrillic-ext-400-normal-2.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'CRH Sans Cyrl'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/onest-cyrillic-400-normal-3.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'CRH Mono Cyrl'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/ibmplexmono-cyrillic-ext-400-normal-0.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'CRH Mono Cyrl'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/ibmplexmono-cyrillic-400-normal-1.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'CRH Mono Cyrl'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/ibmplexmono-cyrillic-ext-700-normal-2.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: 'CRH Mono Cyrl'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/ibmplexmono-cyrillic-700-normal-3.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }   :root {   --crh-stone: #EFEBE3;   --crh-stone-dim: #E6E1D6;   --crh-stone-deep: #DDD7C9;   --crh-white: #FFFFFF; --crh-ink: #1F1D1A;   --crh-ink-soft: #26221D;   --crh-ink-deep: #141210;   --crh-concrete: #6B665D;   --crh-concrete-dark: #54504A;   --crh-concrete-light: #8B857B;     --crh-brass: #9A7B4F;   --crh-brass-strong: #7D6440;   --crh-brass-light: #D6B278;   --crh-brass-dark: #5F4D30;     --crh-gold-1: #E2C288; --crh-gold-2: #C9A86A; --crh-gold-3: #8A6F42; --crh-gold-4: #7C6440;   --crh-ink-rgb: 31, 29, 26; --crh-stone-rgb: 239, 235, 227; --crh-brass-rgb: 154, 123, 79; --crh-brass-light-rgb: 214, 178, 120; --crh-shadow-rgb: 20, 18, 16; --crh-ink-prose: #454139;   --crh-line: rgba(var(--crh-ink-rgb), .12);   --crh-line-soft: rgba(var(--crh-ink-rgb), .10); --crh-line-2: rgba(var(--crh-ink-rgb), .16); --crh-line-strong: rgba(var(--crh-ink-rgb), .20); --crh-line-field: rgba(var(--crh-ink-rgb), .25);   --crh-line-faint: rgba(var(--crh-ink-rgb), .40); --crh-brass-veil: rgba(var(--crh-brass-rgb), .05);   --crh-brass-wash: rgba(var(--crh-brass-rgb), .10);   --crh-brass-glow: rgba(var(--crh-brass-rgb), .12);   --crh-brass-track: rgba(var(--crh-brass-rgb), .22);   --crh-frame: rgba(var(--crh-brass-rgb), .34);   --crh-brass-edge: rgba(var(--crh-brass-rgb), .40);   --crh-brass-hair: rgba(var(--crh-brass-rgb), .55);   --crh-on-dark: rgba(var(--crh-stone-rgb), .60);   --crh-on-dark-soft: rgba(var(--crh-stone-rgb), .55); --crh-glass: rgba(var(--crh-stone-rgb), .92);       --crh-grad-brass: linear-gradient(115deg, var(--crh-brass), var(--crh-gold-1) 45%, var(--crh-brass) 72%, var(--crh-gold-2)); --crh-grad-dark: linear-gradient(150deg, var(--crh-ink-soft), var(--crh-ink-deep));   --crh-grad-matiere: linear-gradient(112deg, #37312A 0%, #141210 26%, #9A7B4F 50%, #141210 74%, #37312A 100%);     --crh-font-serif: 'Newsreader', 'CRH Serif Cyrl', Georgia, 'Times New Roman', serif; --crh-font-sans: 'Hanken Grotesk', 'CRH Sans Cyrl', system-ui, -apple-system, sans-serif; --crh-font-mono: 'Space Mono', 'CRH Mono Cyrl', 'SFMono-Regular', ui-monospace, monospace; --crh-w-light: 300;   --crh-w-regular: 400; --crh-w-medium: 500; --crh-w-semibold: 600;   --crh-fs-display: clamp(44px, 6.6vw, 104px); --crh-fs-h1: clamp(34px, 5vw, 64px); --crh-fs-h1-mentions: clamp(38px, 5.2vw, 66px); --crh-fs-h1-privacy: clamp(34px, 4.8vw, 60px); --crh-fs-h1-404: clamp(26px, 3.4vw, 44px); --crh-fs-h2: clamp(30px, 3.8vw, 52px); --crh-fs-h2-contact: clamp(34px, 4.4vw, 62px); --crh-fs-h2-faq: clamp(28px, 3.4vw, 46px); --crh-fs-h3: clamp(22px, 2.2vw, 30px);   --crh-fs-h3-legal: clamp(20px, 2.2vw, 28px); --crh-fs-h3-dark: clamp(30px, 4vw, 56px); --crh-fs-h2-jcard: clamp(24px, 2.8vw, 38px);   --crh-fs-h3-jcard: clamp(20px, 1.9vw, 26px); --crh-fs-quote: clamp(26px, 3.4vw, 50px);   --crh-fs-lead: clamp(15px, 1.1vw, 17px); --crh-fs-lg: clamp(16px, 1.2vw, 18px); --crh-fs-body: 16px;   --crh-fs-md: 15px;   --crh-fs-sm: 14.5px; --crh-fs-xs: 14px; --crh-fs-form: 16px;     --crh-lh-tight: .96; --crh-lh-snug: 1.04; --crh-lh-title: 1.12; --crh-lh-lead: 1.66; --crh-lh-body: 1.68; --crh-lh-prose: 1.78; --crh-lh-h1: 1.02; --crh-lh-small: 1.6; --crh-lh-legal: 1.72; --crh-lh-legal-list: 1.6;   --crh-ls-display: -.022em; --crh-ls-head: -.015em; --crh-ls-h1: -.02em;   --crh-cap-section-fs: 11px; --crh-cap-section-ls: .34em;   --crh-cap-nav-fs: 11px; --crh-cap-nav-ls: .20em;     --crh-cap-btn-fs: 11.5px; --crh-cap-btn-ls: .16em;   --crh-cap-label-fs: 10.5px; --crh-cap-label-ls: .22em;     --crh-cap-index-fs: 12px; --crh-cap-index-ls: .08em;   --crh-cap-meta-fs: 10.5px; --crh-cap-meta-ls: .08em;     --crh-space-0: 4px; --crh-space-1: 6px; --crh-space-2: 10px; --crh-space-3: 14px; --crh-space-4: 20px; --crh-space-5: 26px; --crh-space-6: 34px; --crh-space-7: 48px; --crh-space-8: 64px; --crh-space-9: 88px; --crh-gutter: clamp(24px, 5vw, 72px); --crh-section-y: clamp(96px, 14vh, 180px); --crh-section-y-sm: clamp(90px, 13vh, 160px); --crh-section-y-xs: clamp(70px, 9vh, 110px);   --crh-gap-kicker: 20px; --crh-gap-head: clamp(46px, 7vh, 70px); --crh-gap-zones: 22px; --crh-stack: clamp(30px, 4.5vh, 48px);   --crh-max-page: 1280px; --crh-max-savoir: 1000px; --crh-max-real: 920px; --crh-max-journal: 1120px; --crh-max-footer: 860px; --crh-max-legal: 780px; --crh-max-faq: 760px; --crh-max-article: 760px; --crh-max-seo: 720px; --crh-max-piliers: 640px; --crh-max-form: 600px;   --crh-measure-tight: 38ch; --crh-measure: 52ch; --crh-measure-wide: 64ch; --crh-measure-title: 24ch; --crh-measure-h1: 20ch; --crh-gutter-legal: clamp(24px, 5vw, 40px); --crh-legal-indent: clamp(0px, 2vw, 34px); --crh-legal-pairs-gap-y: 8px; --crh-legal-pairs-gap-x: 22px; --crh-legal-pairs-top: 12px; --crh-section-y-legal-top: clamp(56px, 9vh, 110px); --crh-section-y-legal-bot: clamp(70px, 10vh, 120px); --crh-gutter-journal: clamp(24px, 5vw, 40px); --crh-section-y-journal-top: clamp(48px, 7vh, 90px); --crh-section-y-journal-bot: clamp(70px, 10vh, 120px);   --crh-fs-fine: 13px; --crh-fs-404: clamp(120px, 22vw, 300px);   --crh-grain-404: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E");   --crh-grad-404: var(--crh-grain-404), linear-gradient(112deg, #5A4A30, var(--crh-gold-1) 30%, var(--crh-brass) 50%, var(--crh-gold-1) 70%, #5A4A30);   --crh-frame-inset: 13px;   --crh-corner: 10px;   --crh-hdr-h: 63px;   --crh-radius: 0;   --crh-radius-pill: 999px;   --crh-border-w: 1px;   --crh-ease: cubic-bezier(.2, .7, .2, 1);   --crh-ease-veil: cubic-bezier(.7, 0, .2, 1); --crh-dur-fast: .3s; --crh-dur: .5s; --crh-dur-underline: .5s; --crh-dur-reveal: .25s; --crh-dur-reveal-y: .25s; --crh-dur-wipe: .25s; --crh-dur-mat: 2.1s; --crh-dur-ambient: 16s; --crh-dur-sweep: 17s; --crh-reveal-rise: 20px;   --crh-shadow-pop: 0 18px 44px rgba(var(--crh-shadow-rgb), .18);   --crh-shadow-menu: 0 30px 60px rgba(var(--crh-shadow-rgb), .30);   --crh-scrim: rgba(var(--crh-shadow-rgb), .55);   --crh-scrim-blur: 6px; --crh-glass-blur: 12px;   --crh-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"); --crh-grain-opacity: .045; }   :root { --crh-brass-ink: var(--crh-brass-strong); --crh-brass-deep: var(--crh-brass-dark); --crh-gold: var(--crh-brass-light); --crh-gold-light: var(--crh-gold-1); --crh-slate: var(--crh-concrete-dark); --crh-stone-2: var(--crh-stone-dim); --crh-stone-3: var(--crh-stone-deep); --crh-ink-2: var(--crh-ink-soft); --crh-concrete-2: var(--crh-concrete-light);   --crh-bg: var(--crh-stone); --crh-bg-dark: var(--crh-ink); --crh-text: var(--crh-ink); --crh-text-muted: var(--crh-concrete); --crh-text-on-dark: var(--crh-stone); --crh-link: var(--crh-brass-strong); --crh-link-hover: var(--crh-brass-dark); --crh-border: var(--crh-line); --crh-focus-ring: var(--crh-brass); --crh-selection-bg: var(--crh-brass); --crh-selection-fg: var(--crh-stone); }     *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body { background: var(--crh-stone); color: var(--crh-ink); font-family: var(--crh-font-sans); font-size: var(--crh-fs-body); font-weight: var(--crh-w-regular); line-height: var(--crh-lh-body); font-feature-settings: 'kern' 1, 'liga' 1; font-kerning: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overflow-x: hidden;   }   h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: var(--crh-w-light); font-family: var(--crh-font-serif); } p, figure, blockquote, dl, dd { margin: 0; } ul, ol { margin: 0; padding: 0; } img, svg, video, canvas { max-width: 100%; height: auto; display: block; }   img[width][height] { height: auto; } hr { border: 0; border-top: var(--crh-border-w) solid var(--crh-line); margin: 0; }   a { color: var(--crh-brass-strong); text-decoration: none; transition: color var(--crh-dur-fast) var(--crh-ease); } a:hover { color: var(--crh-brass-dark); }   .crh-prose a, .crh-footer__nap a { text-decoration: underline; text-underline-offset: .18em; }   input, textarea, select, button { font-family: inherit; font-size: inherit; color: inherit; } button { cursor: pointer; } textarea { resize: vertical; }     ::selection { background: var(--crh-brass-dark); color: var(--crh-stone); }   a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible, [tabindex]:focus-visible, [role="button"]:focus-visible, [role="option"]:focus-visible { outline: 2px solid var(--crh-brass); outline-offset: 2px; }   :focus:not(:focus-visible) { outline: none; }   html { scrollbar-width: thin; scrollbar-color: var(--crh-brass) var(--crh-stone); } ::-webkit-scrollbar { width: 11px; } ::-webkit-scrollbar-track { background: var(--crh-stone); } ::-webkit-scrollbar-thumb { background: linear-gradient(var(--crh-brass), var(--crh-gold-4)); border: 3px solid var(--crh-stone); } ::-webkit-scrollbar-thumb:hover { background: var(--crh-gold-3); }   html { scroll-padding-top: calc(var(--crh-hdr-h) + var(--crh-space-4)); } :target { scroll-margin-top: calc(var(--crh-hdr-h) + var(--crh-space-4)); } html { scroll-behavior: smooth; }     .crh-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }   .crh-sr-only--focusable:focus, .crh-sr-only--focusable:focus-visible { position: fixed !important; top: var(--crh-frame-inset); left: var(--crh-frame-inset); z-index: 100; width: auto; height: auto; margin: 0; padding: var(--crh-space-3) var(--crh-space-4); overflow: visible; clip: auto; clip-path: none; background: var(--crh-ink); color: var(--crh-stone); font-family: var(--crh-font-mono); font-size: var(--crh-cap-nav-fs); letter-spacing: var(--crh-cap-nav-ls); text-transform: uppercase; }   @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; } [data-veil] { display: none !important; } [data-mat], [data-heroglow] { animation: none !important; }   [data-reveal] { opacity: 1 !important; transform: none !important; clip-path: none !important; } }   @media print { .crh-frame, .crh-grain, .crh-rail, .crh-hdr { display: none !important; }   body { background: var(--crh-white); color: var(--crh-ink); } .crh-mat { -webkit-text-fill-color: currentColor; background-image: none; animation: none; } }     .crh-frame { position: fixed; inset: var(--crh-frame-inset); border: var(--crh-border-w) solid var(--crh-frame); z-index: 62; pointer-events: none; } .crh-frame__corner { position: absolute; width: var(--crh-corner); height: var(--crh-corner); }   .crh-frame__corner--tl { top: -1px; left: -1px; border-top: var(--crh-border-w) solid var(--crh-brass); border-left: var(--crh-border-w) solid var(--crh-brass); } .crh-frame__corner--tr { top: -1px; right: -1px; border-top: var(--crh-border-w) solid var(--crh-brass); border-right: var(--crh-border-w) solid var(--crh-brass); } .crh-frame__corner--bl { bottom: -1px; left: -1px; border-bottom: var(--crh-border-w) solid var(--crh-brass); border-left: var(--crh-border-w) solid var(--crh-brass); } .crh-frame__corner--br { bottom: -1px; right: -1px; border-bottom: var(--crh-border-w) solid var(--crh-brass); border-right: var(--crh-border-w) solid var(--crh-brass); }   .crh-grain { position: fixed; inset: 0; z-index: 52; pointer-events: none; opacity: var(--crh-grain-opacity); mix-blend-mode: multiply; background-image: var(--crh-grain); background-size: 200px; }   .crh-shell { width: 100%; max-width: var(--crh-max-page); margin-inline: auto; padding-inline: var(--crh-gutter); } .crh-shell--savoir { max-width: var(--crh-max-savoir); } .crh-shell--real { max-width: var(--crh-max-real); } .crh-shell--journal { max-width: var(--crh-max-journal); padding-inline: var(--crh-gutter-journal); } .crh-shell--faq { max-width: var(--crh-max-faq); } .crh-shell--article { max-width: var(--crh-max-article); } .crh-shell--legal { max-width: var(--crh-max-legal); padding-inline: var(--crh-gutter-legal); }   .crh-shell--seo { max-width: calc(var(--crh-max-seo) + 2 * var(--crh-gutter)); } .crh-shell--piliers { max-width: var(--crh-max-piliers); } .crh-shell--form { width: 100%; max-width: var(--crh-max-form); } .crh-shell--footer { max-width: var(--crh-max-footer); }   .crh-measure-tight { max-width: var(--crh-measure-tight); } .crh-measure { max-width: var(--crh-measure); } .crh-measure-wide { max-width: var(--crh-measure-wide); }   .crh-section { padding-block: var(--crh-section-y); position: relative; } .crh-section--sm { padding-block: var(--crh-section-y-sm); } .crh-section--xs { padding-block: var(--crh-section-y-xs); } .crh-section--legal { padding-block: var(--crh-section-y-legal-top) var(--crh-section-y-legal-bot); } .crh-section--journal { padding-block: var(--crh-section-y-journal-top) var(--crh-section-y-journal-bot); }   .crh-section--dark { background: var(--crh-ink); color: var(--crh-stone); } .crh-section--dark .crh-lead, .crh-section--dark p { color: var(--crh-on-dark); } .crh-section--gradient { background: var(--crh-grad-dark); color: var(--crh-stone); }   .crh-section__head { margin-bottom: var(--crh-gap-head); } .crh-section__head .crh-cap { margin-bottom: var(--crh-gap-kicker); }   .crh-section + .crh-section { border-top: var(--crh-border-w) solid var(--crh-line); } .crh-section--dark + .crh-section, .crh-section + .crh-section--dark { border-top-color: transparent; }   .crh-hdr { position: fixed; top: 0; left: 0; right: 0; z-index: 60; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: var(--crh-space-4); padding: 18px var(--crh-gutter); color: var(--crh-ink); background: transparent; border-bottom: var(--crh-border-w) solid transparent; transition: background var(--crh-dur) var(--crh-ease), border-color var(--crh-dur) var(--crh-ease); } .crh-hdr.is-solid { background: var(--crh-glass); border-bottom-color: var(--crh-line); -webkit-backdrop-filter: blur(var(--crh-glass-blur)); backdrop-filter: blur(var(--crh-glass-blur)); }   .crh-hdr__spacer { height: var(--crh-hdr-h); }   .crh-hdr__brand { display: flex; position: relative; align-items: center; justify-content: center; gap: var(--crh-space-2); color: inherit; }   .crh-hdr__brand::after { content: ''; position: absolute; left: 50%; top: 50%; width: max(100%, 44px); height: 44px; transform: translate(-50%, -50%); } .crh-hdr__brand-name { font-family: var(--crh-font-serif); font-size: 16px; letter-spacing: .01em; white-space: nowrap; }   .crh-hdr__nav { display: flex; gap: clamp(14px, 2vw, 30px); align-items: baseline; } .crh-hdr__nav--start { justify-content: flex-start; } .crh-hdr__nav--end { justify-content: flex-end; } .crh-hdr__nav a { position: relative; font-family: var(--crh-font-mono); font-size: var(--crh-cap-nav-fs); letter-spacing: var(--crh-cap-nav-ls); text-transform: uppercase; color: inherit; white-space: nowrap; padding-bottom: 4px; border-bottom: var(--crh-border-w) solid transparent; transition: color var(--crh-dur-fast) var(--crh-ease), border-color var(--crh-dur-fast) var(--crh-ease); }   .crh-hdr__nav a::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 44px; transform: translateY(-50%); } .crh-hdr__nav a:hover, .crh-hdr__nav a:focus-visible { border-bottom-color: var(--crh-brass); } .crh-hdr__nav a[aria-current] { color: var(--crh-brass-strong); border-bottom-color: var(--crh-brass); }   .crh-langs { display: flex; align-items: center; gap: var(--crh-space-1); margin-left: clamp(8px, 1.2vw, 18px); padding-left: clamp(12px, 1.4vw, 20px); border-left: var(--crh-border-w) solid rgba(var(--crh-ink-rgb), .18); }   .crh-langs a { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 44px; font-family: var(--crh-font-mono); font-size: var(--crh-cap-label-fs); letter-spacing: var(--crh-cap-label-ls); text-transform: uppercase; color: var(--crh-concrete); }   .crh-langs a::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 44px; transform: translateY(-50%); } .crh-langs a:hover { color: var(--crh-brass-strong); } .crh-langs a.is-current { color: var(--crh-brass-strong); border-bottom: var(--crh-border-w) solid var(--crh-brass); }   .crh-hdr__toggle { display: none; position: relative; justify-self: start; align-items: center; gap: 9px; padding: var(--crh-space-1) 0; background: none; border: 0; color: inherit; font-family: var(--crh-font-mono); font-size: var(--crh-cap-nav-fs); letter-spacing: var(--crh-cap-nav-ls); text-transform: uppercase; } .crh-hdr__toggle::after { content: ''; position: absolute; inset-inline: 0; top: 50%; height: 44px; transform: translateY(-50%); } .crh-hdr__toggle-bars { display: inline-flex; flex-direction: column; gap: 3px; } .crh-hdr__toggle-bars span { display: block; width: 20px; height: 1px; background: currentColor; } @media (max-width: 1440px) { .crh-hdr__nav { display: none !important; } .crh-hdr__toggle { display: inline-flex !important; } } @media (max-width: 480px) { .crh-hdr__brand-name { display: none; } }   .crh-sheet { position: fixed; inset: 0; z-index: 70; display: flex; align-items: flex-start; justify-content: center; overflow-y: auto; overscroll-behavior: contain; background: var(--crh-scrim); -webkit-backdrop-filter: blur(var(--crh-scrim-blur)); backdrop-filter: blur(var(--crh-scrim-blur)); } .crh-sheet[hidden] { display: none; } .crh-sheet__panel { width: 100%; background: var(--crh-stone); padding: 22px clamp(24px, 5vw, 40px) 40px; box-shadow: var(--crh-shadow-menu); } .crh-sheet__nav { display: flex; flex-direction: column; } .crh-sheet__nav a { font-family: var(--crh-font-serif); font-size: 25px; font-weight: var(--crh-w-light); color: var(--crh-ink); padding: 13px 0; border-bottom: var(--crh-border-w) solid var(--crh-line-soft); } .crh-sheet__nav a:hover { color: var(--crh-brass-strong); } .crh-sheet__langs { display: flex; gap: var(--crh-space-2); margin-top: 22px; padding-top: var(--crh-space-4); border-top: var(--crh-border-w) solid var(--crh-line); } .crh-sheet__langs a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; font-family: var(--crh-font-mono); font-size: var(--crh-cap-label-fs); letter-spacing: var(--crh-cap-label-ls); text-transform: uppercase; color: var(--crh-concrete); } .crh-sheet__langs a.is-current { color: var(--crh-brass-strong); }   .crh-sheet__tel { display: flex; align-items: center; justify-content: center; margin-top: 22px; padding: var(--crh-space-4); min-height: 44px; background: var(--crh-ink); color: var(--crh-stone); font-family: var(--crh-font-mono); font-size: var(--crh-cap-nav-fs); letter-spacing: var(--crh-cap-nav-ls); text-transform: uppercase; } .crh-sheet__tel:hover { color: var(--crh-brass-light); }   body.admin-bar { --crh-admin-bar-h: 32px; } body.admin-bar .crh-hdr, body.admin-bar .crh-sheet { top: var(--crh-admin-bar-h); }   .crh-hdr--admin, .crh-sheet--admin { top: 32px; } @media screen and (max-width: 782px) { body.admin-bar { --crh-admin-bar-h: 46px; } .crh-hdr--admin, .crh-sheet--admin { top: 46px; } }   @media screen and (max-width: 600px) { body.admin-bar #wpadminbar { position: fixed; } }   .crh-grid { display: grid; gap: var(--crh-gutter); } .crh-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .crh-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .crh-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }   .crh-grid--hub { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--crh-border-w); background: rgba(var(--crh-ink-rgb), .14); border: var(--crh-border-w) solid rgba(var(--crh-ink-rgb), .14); } .crh-grid--hub > * { background: var(--crh-stone); } @media (max-width: 900px) { .crh-grid--3, .crh-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .crh-grid--2, .crh-grid--3, .crh-grid--4 { grid-template-columns: minmax(0, 1fr); } }   .crh-footer { border-top: var(--crh-border-w) solid var(--crh-line-2); padding-block: var(--crh-section-y-xs); } .crh-footer__inner { max-width: var(--crh-max-page); margin-inline: auto; padding-inline: var(--crh-gutter); text-align: center; } .crh-footer__nav { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--crh-space-3) var(--crh-space-5); padding-top: var(--crh-space-5); margin-top: var(--crh-space-5); border-top: var(--crh-border-w) solid var(--crh-line); } .crh-footer__nav a { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--crh-font-mono); font-size: var(--crh-cap-label-fs); letter-spacing: var(--crh-cap-label-ls); text-transform: uppercase; color: var(--crh-concrete); } .crh-footer__nav a:hover { color: var(--crh-brass-strong); }   .crh-footer__legal { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--crh-space-2) var(--crh-space-4); margin-top: var(--crh-space-5); font-family: var(--crh-font-mono); font-size: 10px;   letter-spacing: .16em; text-transform: uppercase; color: var(--crh-concrete); }   .crh-main { position: relative; z-index: 1; } .crh-prose > * + * { margin-top: var(--crh-space-5); } .crh-prose p { max-width: var(--crh-measure-wide); font-size: var(--crh-fs-sm); line-height: var(--crh-lh-prose); font-weight: var(--crh-w-light); color: var(--crh-concrete-dark); }       .crh-h1 { font-family: var(--crh-font-serif); font-weight: var(--crh-w-regular); font-size: var(--crh-fs-h1); line-height: var(--crh-lh-h1); letter-spacing: var(--crh-ls-h1); max-width: var(--crh-measure-h1); overflow-wrap: anywhere; text-wrap: balance; } .crh-h2 { font-family: var(--crh-font-serif); font-weight: var(--crh-w-regular); font-size: var(--crh-fs-h2); line-height: var(--crh-lh-snug); letter-spacing: var(--crh-ls-head); text-wrap: balance; } .crh-h2--contact { font-size: var(--crh-fs-h2-contact); line-height: 1; letter-spacing: -.02em; } .crh-h2--faq { font-size: var(--crh-fs-h2-faq); } .crh-h1--mentions { font-size: var(--crh-fs-h1-mentions); line-height: 1; letter-spacing: -.02em; max-width: none; text-wrap: normal; } .crh-h1--privacy { font-size: var(--crh-fs-h1-privacy); line-height: 1.02; letter-spacing: -.02em; max-width: none; text-wrap: normal; } .crh-h3 { font-family: var(--crh-font-serif); font-weight: var(--crh-w-regular); font-size: var(--crh-fs-h3); line-height: var(--crh-lh-title); }   .crh-h3--dark { font-size: var(--crh-fs-h3-dark); font-weight: var(--crh-w-light); line-height: var(--crh-lh-snug); letter-spacing: var(--crh-ls-head); } .crh-lead { font-size: var(--crh-fs-lead); line-height: var(--crh-lh-lead); font-weight: var(--crh-w-light); color: var(--crh-concrete); max-width: var(--crh-measure); } .crh-small { font-size: var(--crh-fs-xs); line-height: var(--crh-lh-small); font-weight: var(--crh-w-light); color: var(--crh-concrete); } .crh-quote { font-family: var(--crh-font-serif); font-weight: var(--crh-w-light); font-size: var(--crh-fs-quote); line-height: 1.24; letter-spacing: var(--crh-ls-head); }   .crh-cap { display: block; font-family: var(--crh-font-mono); font-weight: var(--crh-w-regular); text-transform: uppercase; color: var(--crh-concrete); } .crh-cap--section { font-size: var(--crh-cap-section-fs); letter-spacing: var(--crh-cap-section-ls); } .crh-cap--nav { font-size: var(--crh-cap-nav-fs); letter-spacing: var(--crh-cap-nav-ls); } .crh-cap--label { font-size: var(--crh-cap-label-fs); letter-spacing: var(--crh-cap-label-ls); } .crh-cap--brass { color: var(--crh-brass-strong); } .crh-cap--dark { color: var(--crh-brass-light); } .crh-section--dark .crh-cap--dark { color: var(--crh-brass-light); }   .crh-index { display: inline-flex; align-items: center; justify-content: center;   width: 44px; height: 44px; border: var(--crh-border-w) solid var(--crh-brass); border-radius: var(--crh-radius-pill); font-family: var(--crh-font-mono); font-size: var(--crh-cap-index-fs); letter-spacing: var(--crh-cap-index-ls); color: var(--crh-brass-strong); } .crh-index--dark { color: var(--crh-brass-light); border-color: var(--crh-brass-light); }     .crh-hairline { display: block; position: relative; background: var(--crh-brass-hair); } .crh-hairline--x { width: 100%; height: 1px; transform-origin: left; } .crh-hairline--y { width: 1px; height: clamp(40px, 6vh, 60px); transform-origin: top; }     .crh-rule-drop { width: 1px; height: clamp(40px, 6vh, 60px); background: linear-gradient(to bottom, transparent, var(--crh-brass)); margin-inline: auto; }   .crh-ul { position: relative; background-image: linear-gradient(var(--crh-brass), var(--crh-brass)); background-size: 0 1px; background-repeat: no-repeat; background-position: 50% 100%; transition: background-size var(--crh-dur-underline) var(--crh-ease); padding-bottom: 6px; }   .crh-ul::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 44px; transform: translateY(-50%); } .crh-ul:hover, .crh-ul:focus-visible { background-size: 100% 1px; } .crh-ul--dark { background-image: linear-gradient(var(--crh-brass-light), var(--crh-brass-light)); transition-duration: .55s; padding-bottom: 8px; }   .crh-btn { display: inline-flex; align-items: center; justify-content: center; font-family: var(--crh-font-mono); font-size: var(--crh-cap-btn-fs); letter-spacing: var(--crh-cap-btn-ls); text-transform: uppercase; color: var(--crh-ink); background: transparent; border: var(--crh-border-w) solid var(--crh-ink); border-radius: var(--crh-radius); padding: 16px 30px; transition: background var(--crh-dur) var(--crh-ease), color var(--crh-dur) var(--crh-ease), border-color var(--crh-dur) var(--crh-ease); }   .crh-btn:hover, .crh-btn:focus-visible { background: var(--crh-grad-brass); border-color: var(--crh-gold-2); color: var(--crh-ink-deep); }   .crh-btn--dark { color: var(--crh-stone); border-color: var(--crh-stone); } .crh-btn--solid { background: var(--crh-ink); border: 0; color: var(--crh-stone); padding: 17px 38px; } .crh-btn--solid-brass { background: var(--crh-brass); border: 0; color: var(--crh-ink-deep); }   .crh-btn--ghost { position: relative; border: 0; padding: 0 0 6px;   background-color: transparent; background-image: linear-gradient(var(--crh-brass), var(--crh-brass)); background-size: 0 1px; background-repeat: no-repeat; background-position: 50% 100%; transition: background-size var(--crh-dur-underline) var(--crh-ease); }   .crh-btn--ghost::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 44px; transform: translateY(-50%); } .crh-btn--ghost:hover, .crh-btn--ghost:focus-visible {   background-color: transparent; background-image: linear-gradient(var(--crh-brass), var(--crh-brass)); background-size: 100% 1px; background-repeat: no-repeat; background-position: 50% 100%; border-color: transparent; color: var(--crh-ink); } .crh-real__foot .crh-btn--ghost:not(:hover):not(:focus-visible) { color: var(--crh-brass-strong); }   .crh-card { border: var(--crh-border-w) solid var(--crh-line); border-radius: var(--crh-radius); background: var(--crh-stone); padding: clamp(24px, 3vw, 40px); transition: background var(--crh-dur) var(--crh-ease), border-color var(--crh-dur) var(--crh-ease); } .crh-card:hover { background: var(--crh-brass-veil); border-color: var(--crh-brass-hair);   }   .crh-row { display: flex; align-items: center; gap: var(--crh-space-4); padding: var(--crh-space-4) 0; border-bottom: var(--crh-border-w) solid var(--crh-line); color: inherit; transition: background var(--crh-dur) var(--crh-ease); } .crh-row:hover { background: var(--crh-brass-veil); color: inherit; }   .crh-legal__droits .crh-cap--brass, .crh-card:hover .crh-cap--brass, .crh-legal__droits .crh-linklist a, .crh-legal__droits .crh-linklist a:hover, .crh-legal__droits .crh-linklist a:focus-visible { color: var(--crh-brass-dark); } .crh-row__thumb { flex: none; width: clamp(74px, 8vw, 108px); aspect-ratio: 3 / 2; background: var(--crh-stone-dim); object-fit: cover; } .crh-row__lieu { color: var(--crh-concrete-dark); }   .crh-media { background: var(--crh-stone-dim); overflow: hidden; } .crh-media--portrait { aspect-ratio: 4 / 5; } .crh-media--card { aspect-ratio: 16 / 9; } .crh-media--hero { aspect-ratio: 21 / 9; } .crh-media img { width: 100%; height: 100%; object-fit: cover; }   .crh-media--framed { position: relative; } .crh-media--framed::after { content: ''; position: absolute; inset: var(--crh-space-2); border: var(--crh-border-w) solid rgba(var(--crh-brass-rgb), .45); pointer-events: none; }   .crh-form { max-width: var(--crh-max-form); } .crh-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--crh-space-5); }   @media (max-width: 560px) { .crh-form__row { grid-template-columns: minmax(0, 1fr); } } .crh-field { display: flex; flex-direction: column; gap: var(--crh-space-1); } .crh-field__label { font-family: var(--crh-font-mono); font-size: var(--crh-cap-label-fs); letter-spacing: var(--crh-cap-label-ls); text-transform: uppercase; color: var(--crh-concrete); }   .crh-field:has(:required) .crh-field__label::after { content: '\00a0*'; color: var(--crh-brass-strong); }   .crh-check:has(:required) > span::after { content: '\00a0*'; color: var(--crh-brass-strong); }   .crh-form__requis { margin-bottom: var(--crh-space-5); font-family: var(--crh-font-mono); font-size: var(--crh-cap-label-fs); letter-spacing: var(--crh-cap-label-ls); text-transform: uppercase; color: var(--crh-concrete); } .crh-form__requis span { color: var(--crh-brass-strong); }   .crh-field__input, .crh-field__textarea, .crh-field__select { width: 100%; background: transparent; border: 0; border-bottom: var(--crh-border-w) solid var(--crh-concrete); border-radius: var(--crh-radius); padding: 12px 0; font-size: var(--crh-fs-form);   color: var(--crh-ink); transition: border-color var(--crh-dur-fast) var(--crh-ease); } .crh-field__input:focus, .crh-field__textarea:focus, .crh-field__select:focus { border-bottom-color: var(--crh-brass); }   .crh-field__input::placeholder, .crh-field__textarea::placeholder { color: var(--crh-concrete); }   .crh-field__input[aria-invalid="true"], .crh-field__textarea[aria-invalid="true"], .crh-field__select[aria-invalid="true"] { border-bottom-color: var(--crh-brass-dark); border-bottom-width: 2px; } .crh-field__error { font-size: 13px; color: var(--crh-brass-dark); }   .crh-check { display: flex; align-items: flex-start; gap: var(--crh-space-2); font-size: 13px; line-height: 1.6; color: var(--crh-concrete); } .crh-check input { flex: none; width: 16px; height: 16px; margin-top: 3px; accent-color: var(--crh-brass); }   .crh-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }   .crh-alert { border: var(--crh-border-w) solid var(--crh-brass-edge); background: var(--crh-brass-veil); padding: var(--crh-space-4); margin-bottom: var(--crh-space-5); font-size: var(--crh-fs-xs); }   .crh-confirm { border: var(--crh-border-w) solid var(--crh-brass-edge); background: var(--crh-brass-veil); padding: clamp(36px, 5vw, 52px); text-align: center; } .crh-confirm::before { content: ''; display: block; width: 1px; height: 34px; background: var(--crh-brass); margin: 0 auto var(--crh-space-5); }   .crh-select-wrap { position: relative; } .crh-field__select { appearance: none; -webkit-appearance: none; padding-right: 26px; cursor: pointer; }   .crh-select-wrap > .crh-chevron { position: absolute; right: 0; bottom: 16px; } .crh-select-wrap .crh-chevron { flex: none; pointer-events: none; transition: transform var(--crh-dur-fast) var(--crh-ease); }     .js .crh-listbox-trigger { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; background: transparent; border: 0; border-bottom: var(--crh-border-w) solid var(--crh-concrete); padding: 12px 2px 12px 0; font-size: var(--crh-fs-form); color: var(--crh-ink); text-align: left; transition: border-color var(--crh-dur-fast) var(--crh-ease); } .js .crh-listbox-trigger[aria-expanded="true"] { border-bottom-color: var(--crh-brass); } .js .crh-listbox-trigger[aria-expanded="true"] .crh-chevron { transform: rotate(180deg); }   .crh-listbox { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 40; margin: 0; padding: var(--crh-space-1); list-style: none; background: var(--crh-stone); border: var(--crh-border-w) solid var(--crh-brass); box-shadow: var(--crh-shadow-pop); max-height: var(--crh-listbox-max, min(320px, calc(100vh - 32px))); overflow-y: auto; overscroll-behavior: contain; } .crh-listbox.is-above { top: auto; bottom: calc(100% + 6px); } .crh-listbox[hidden] { display: none; } .crh-listbox li { display: flex; align-items: center; gap: var(--crh-space-2); padding: var(--crh-space-2) var(--crh-space-3); min-height: 44px; font-size: var(--crh-fs-sm); cursor: pointer; transition: background var(--crh-dur-fast) var(--crh-ease), color var(--crh-dur-fast) var(--crh-ease); }   .crh-listbox li::before { content: ''; flex: none; width: 14px; height: 1px; background: var(--crh-line-field); transition: background-color var(--crh-dur-fast) var(--crh-ease); } .crh-listbox li[aria-selected="true"]::before { background: var(--crh-brass); }   .crh-listbox li:hover, .crh-listbox li[aria-selected="true"], .crh-listbox li.is-active { background: var(--crh-brass-wash); color: var(--crh-brass-dark); }     .crh-listbox li.is-active { box-shadow: inset 2px 0 0 var(--crh-brass-strong); }   .crh-listbox-trigger__label[data-empty="1"] { color: var(--crh-concrete); }   .crh-faq { width: 100%; max-width: var(--crh-max-faq); } .crh-faq__row { border-bottom: var(--crh-border-w) solid var(--crh-line); } .crh-faq__q { display: flex; align-items: center; justify-content: space-between; gap: var(--crh-space-4); width: 100%; padding: var(--crh-space-5) 0; min-height: 44px; background: none; border: 0; text-align: left; font-family: var(--crh-font-serif); font-weight: var(--crh-w-regular); font-size: clamp(18px, 1.6vw, 22px); line-height: 1.25; color: var(--crh-ink); transition: color var(--crh-dur-fast) var(--crh-ease); } .crh-faq__q:hover { color: var(--crh-brass-strong); }   .crh-faq__sign { flex: none; font-family: var(--crh-font-mono); font-size: 16px; color: var(--crh-brass-strong); } .crh-faq__panel { padding-bottom: var(--crh-space-5); } .crh-faq__panel p { font-size: 15px; line-height: 1.66; font-weight: var(--crh-w-light); color: var(--crh-concrete); max-width: 62ch; } .crh-faq__panel[hidden] { display: none; }   .crh-rail { position: fixed; left: clamp(18px, 2vw, 30px); top: 0; bottom: 0; z-index: 54; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; pointer-events: none; } @media (max-width: 1120px) { .crh-rail { display: none; } } .crh-rail__cap { width: 1px; height: 40px; background: linear-gradient(to bottom, transparent, var(--crh-brass)); } .crh-rail__label { writing-mode: vertical-rl; font-family: var(--crh-font-mono); font-size: 10px; letter-spacing: .3em; text-transform: uppercase; color: var(--crh-concrete); } .crh-rail__track { position: relative; width: 1px; height: 150px; background: var(--crh-brass-track); } .crh-rail__fill { position: absolute; top: 0; left: 0; width: 1px; height: 0; background: linear-gradient(to bottom, var(--crh-gold-1), var(--crh-brass)); transition: height .18s ease; } @media (prefers-reduced-motion: reduce) { .crh-rail__fill { transition: none; } }   .crh-mat { --crh-mat-angle: 112deg; --crh-mat-mid: var(--crh-brass); --crh-mat-width: 220% 100%;   font-style: italic; font-weight: var(--crh-w-light); background-image: var(--crh-grain), linear-gradient(var(--crh-mat-angle), #37312A 0%, #141210 26%, var(--crh-mat-mid) 50%, #141210 74%, #37312A 100%); background-size: 170px, var(--crh-mat-width); -webkit-background-clip: text; background-clip: text; color: var(--crh-ink-deep); -webkit-text-fill-color: transparent; animation: crh-mat-pan var(--crh-dur-ambient) linear infinite; } @media (forced-colors: active) { .crh-mat { -webkit-text-fill-color: currentColor; background-image: none; } } .crh-heroglow { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(60% 50% at 50% 40%, var(--crh-brass-glow), transparent 72%); background-size: 150% 150%; background-position: 50% 42%; animation: crh-hero-glow var(--crh-dur-ambient) ease-in-out infinite alternate; } @keyframes crh-mat-pan { 0% { background-position: 0 0, 0% 50%; } 100% { background-position: 0 0, 250% 50%; } } @keyframes crh-hero-glow { 0% { background-position: 42% 40%; } 100% { background-position: 58% 46%; } } @keyframes crh-sweep-x { 0% { transform: translateX(-70%); } 100% { transform: translateX(170%); } } @keyframes crh-404-sweep { from { background-position: 0 0, 118% 50%; } to { background-position: 0 0, 50% 50%; } }   .crh-veil { position: fixed; inset: 0; z-index: 200; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 22px; background: var(--crh-ink-deep); pointer-events: none; animation: crh-veil-out 1.2s var(--crh-ease-veil) forwards; } .crh-veil__mark { animation: crh-word-up .9s .02s both; } .crh-veil__name { font-family: var(--crh-font-mono); font-size: 12px; letter-spacing: .34em; line-height: 1.4; text-transform: uppercase; color: var(--crh-stone); animation: crh-word-up .9s .12s both; } .crh-veil__line { width: 120px; height: 1px; background: var(--crh-brass); transform-origin: center; animation: crh-hair-draw 1s .18s var(--crh-ease) both; } @keyframes crh-veil-out { 0%, 48% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } } @keyframes crh-word-up { from { opacity: 0; transform: translateY(9px); } to { opacity: 1; transform: translateY(0); } } @keyframes crh-hair-draw { from { transform: scaleX(0); } to { transform: scaleX(1); } }   .js [data-reveal][data-rev-state="hidden"] { opacity: 0; transform: translateY(var(--crh-reveal-rise)); transition: opacity var(--crh-dur-reveal) var(--crh-ease), transform var(--crh-dur-reveal-y) var(--crh-ease); will-change: opacity, transform; } .js [data-reveal="line-x"][data-rev-state="hidden"] { transform: scaleX(0); transform-origin: left; } .js [data-reveal="line-y"][data-rev-state="hidden"] { transform: scaleY(0); transform-origin: top; } .js [data-wipe="1"][data-rev-state="hidden"] { opacity: 1; transform: none; clip-path: inset(0 100% 0 0); transition: clip-path var(--crh-dur-wipe) var(--crh-ease); } .js [data-reveal][data-rev-state="shown"] { opacity: 1; transform: none; } .js [data-wipe="1"][data-rev-state="shown"] { clip-path: inset(0 0 0 0); }   .crh-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: var(--crh-space-2); font-family: var(--crh-font-mono); font-size: var(--crh-cap-label-fs); letter-spacing: var(--crh-cap-label-ls); text-transform: uppercase; color: var(--crh-concrete); list-style: none; } .crh-breadcrumb li { display: flex; align-items: center; gap: var(--crh-space-2); }   .crh-breadcrumb li + li::before { content: '·'; color: var(--crh-brass-strong); }   .crh-breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; color: var(--crh-concrete); } .crh-breadcrumb a:hover { color: var(--crh-brass-strong); } .crh-pagination { display: flex; gap: var(--crh-space-3); margin-top: var(--crh-space-7); font-family: var(--crh-font-mono); font-size: var(--crh-cap-nav-fs); letter-spacing: var(--crh-cap-nav-ls); text-transform: uppercase; } .crh-pagination a, .crh-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; } .crh-pagination .current { color: var(--crh-brass-strong); }       .crh-center { display: flex; flex-direction: column; align-items: center; text-align: center; } .crh-center > * { margin-inline: auto; }   .crh-lead--center { margin-inline: auto; text-align: center; }   .crh-block { width: 100%; margin-top: var(--crh-space-9); } .crh-block__head { display: flex; flex-direction: column; align-items: center; gap: var(--crh-space-4); margin-bottom: var(--crh-space-6); } .crh-block__head .crh-hairline--x { width: 44px; } .crh-block__more { margin-top: var(--crh-space-5); }   .crh-mark-diamond { display: block; width: 7px; height: 7px; border: var(--crh-border-w) solid var(--crh-brass); rotate: 45deg; }   .crh-linklist { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--crh-space-2) var(--crh-space-5); } .crh-linklist a { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--crh-fs-xs); color: var(--crh-concrete); } .crh-linklist a:hover { color: var(--crh-brass-strong); } .crh-linklist--tight { justify-content: flex-start; gap: var(--crh-space-1) var(--crh-space-4); } .crh-linklist--zones { margin-top: var(--crh-space-4); column-gap: var(--crh-gap-zones); }   .crh-linklist--zones a { font-size: var(--crh-fs-fine); }   .crh-linklist--combos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: start; gap: 0 var(--crh-space-5); width: 100%; text-align: left; } @media (max-width: 560px) { .crh-linklist--combos { grid-template-columns: minmax(0, 1fr); } }   .crh-dashlist { display: flex; flex-direction: column; gap: var(--crh-space-2); list-style: none; text-align: left; } .crh-dashlist li { display: flex; align-items: baseline; gap: var(--crh-space-2); font-size: var(--crh-fs-xs); font-weight: var(--crh-w-light); color: var(--crh-concrete-dark); } .crh-dashlist__rule { flex: none; width: 14px; height: 1px; background: var(--crh-brass); transform: translateY(-4px); } .crh-dashlist--cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--crh-space-3) var(--crh-space-5); width: 100%; margin-top: var(--crh-space-5); } .crh-dashlist--tight { margin-top: var(--crh-space-3); } @media (max-width: 560px) { .crh-dashlist--cols { grid-template-columns: minmax(0, 1fr); } }   .crh-breadcrumb-wrap { margin-bottom: var(--crh-space-6); }   .crh-cta { display: flex; flex-direction: column; align-items: center; gap: var(--crh-space-4); width: 100%; margin-top: var(--crh-space-9); padding-top: var(--crh-space-7); border-top: var(--crh-border-w) solid var(--crh-line); text-align: center; } .crh-cta__title { max-width: var(--crh-measure); } .crh-cta--dark { border-top-color: rgba(var(--crh-stone-rgb), .18); }     .crh-hdr__spacer-cell { display: none; justify-self: end; } @media (max-width: 1440px) { .crh-hdr__spacer-cell { display: block; } } .crh-sheet__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--crh-space-5); } .crh-sheet__close { min-width: 44px; min-height: 44px; background: none; border: 0; font-family: var(--crh-font-mono); font-size: 16px; color: var(--crh-ink); }   .crh-footer__brand { display: flex; flex-direction: column; align-items: center; gap: var(--crh-space-3); } .crh-footer__name { color: var(--crh-ink); } .crh-footer__baseline { margin-top: var(--crh-space-3); font-size: 10px; } .crh-footer__garanties { margin-top: var(--crh-space-5); font-size: 12px; color: var(--crh-concrete); } .crh-footer__zones { max-width: var(--crh-max-footer); margin-inline: auto; margin-top: var(--crh-stack); padding-top: var(--crh-space-5); border-top: var(--crh-border-w) solid var(--crh-line); } .crh-footer__zones > .crh-cap--label { letter-spacing: .26em; }   .crh-hero { position: relative; min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 120px var(--crh-gutter) 110px; } .crh-hero__kicker { margin-bottom: var(--crh-stack); } .crh-hero__title { margin: 0; font-size: var(--crh-fs-display); line-height: var(--crh-lh-tight); letter-spacing: var(--crh-ls-display); max-width: var(--crh-measure-title); } .crh-hero__lead { margin-top: var(--crh-stack); max-width: 54ch; font-size: clamp(15.5px, 1.15vw, 18px); line-height: var(--crh-lh-body); } .crh-hero__rule { height: clamp(40px, 6vh, 60px); margin-block: var(--crh-stack); } .crh-hero__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: clamp(20px, 2.6vw, 40px); } .crh-hero__meta { position: absolute; left: var(--crh-gutter); right: var(--crh-gutter); bottom: clamp(26px, 4vh, 40px); display: flex; align-items: center; justify-content: space-between; gap: var(--crh-space-4); padding-top: 15px; border-top: var(--crh-border-w) solid rgba(var(--crh-ink-rgb), .14); }     .crh-proofbar { border-block: var(--crh-border-w) solid var(--crh-line); } .crh-proofbar__list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; } .crh-proofbar__item { position: relative; font-size: clamp(13px, 1vw, 14.5px); font-weight: var(--crh-w-regular); line-height: 1.5; text-align: center; color: var(--crh-concrete-dark); } .crh-proofbar__link { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 96px; padding: var(--crh-space-4) var(--crh-space-5); color: inherit; transition: color .25s var(--crh-ease); } .crh-proofbar__link:hover, .crh-proofbar__link:focus-visible { color: var(--crh-brass-dark); } .crh-proofbar__item + .crh-proofbar__item { border-left: var(--crh-border-w) solid var(--crh-line); } .crh-proofbar__item::after { content: ''; position: absolute; right: -4px; bottom: -4px; z-index: 1; width: 7px; height: 7px; border: var(--crh-border-w) solid var(--crh-brass); transform: rotate(45deg); } .crh-proofbar__item:last-child::after { display: none; } @media (max-width: 820px) { .crh-proofbar__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .crh-proofbar__link { min-height: 88px; padding: var(--crh-space-4); } .crh-proofbar__item:nth-child(3) { border-left: 0; } .crh-proofbar__item:nth-child(n + 3) { border-top: var(--crh-border-w) solid var(--crh-line); } .crh-proofbar__item:nth-child(2)::after, .crh-proofbar__item:last-child::after { display: none; } } @media (max-width: 420px) { .crh-proofbar__item { font-size: 12.5px; } } .crh-manifeste { max-width: var(--crh-measure-tight); font-family: var(--crh-font-serif); font-weight: var(--crh-w-light); font-size: clamp(22px, 2.7vw, 38px); line-height: 1.42; letter-spacing: -.01em; text-wrap: pretty; } .crh-pilier { display: flex; flex-direction: column; align-items: center; } .crh-pilier .crh-small { max-width: var(--crh-measure-tight); margin-top: var(--crh-space-2); font-size: var(--crh-fs-sm); font-weight: var(--crh-w-regular); } .crh-pilier__rule, .crh-etape__rule { display: block; width: 1px; height: 34px; margin-block: var(--crh-space-5); background: var(--crh-brass-hair); } .crh-etape__rule { height: 48px; } .crh-savoir { display: flex; flex-direction: column; align-items: center; gap: clamp(34px, 5.5vh, 54px); } .crh-savoir__item { display: flex; flex-direction: column; align-items: center; } .crh-savoir__idx { margin-bottom: var(--crh-space-3); }   .crh-savoir__item .crh-h3--dark a { color: var(--crh-stone); } .crh-savoir__texte { max-width: var(--crh-measure); margin-top: var(--crh-space-3); font-size: clamp(14px, 1.05vw, 16px); line-height: 1.62; font-weight: var(--crh-w-light); color: var(--crh-on-dark); } .crh-portrait { position: relative; width: clamp(220px, 26vw, 320px); margin: 0; }   .crh-portrait__annees { position: absolute; right: 16px; bottom: 14px; font-family: var(--crh-font-serif); font-size: 38px; line-height: 1; background-image: var(--crh-grad-brass); -webkit-background-clip: text; background-clip: text; color: transparent; } .crh-portrait__legende { margin-top: var(--crh-space-5); } .crh-artisan__texte { max-width: var(--crh-measure-tight); margin-top: var(--crh-space-7); font-family: var(--crh-font-serif); font-weight: var(--crh-w-light); font-size: clamp(20px, 2.2vw, 30px); line-height: 1.46; letter-spacing: -.01em; text-wrap: pretty; } .crh-artisan__paras { margin-top: var(--crh-space-7); text-align: left; } .crh-artisan__langues { margin-top: var(--crh-space-6); }   .crh-artisan__preuve { max-width: var(--crh-measure); margin-top: var(--crh-space-6); margin-inline: auto; color: var(--crh-concrete-dark); }   .crh-frise { max-width: var(--crh-measure); margin: var(--crh-space-7) auto 0; padding: 0; list-style: none; text-align: left; } .crh-frise__item { position: relative; padding-left: var(--crh-space-6); padding-bottom: var(--crh-space-6);   border-left: var(--crh-border-w) solid var(--crh-brass); } .crh-frise__item:last-child { padding-bottom: 0; border-left-color: transparent; }   .crh-frise__item::before { content: ''; position: absolute; left: -3px; top: 8px; width: 5px; height: 5px; border-radius: var(--crh-radius-pill); background: var(--crh-brass); } .crh-frise__annee { display: block; color: var(--crh-brass-strong); } .crh-frise__titre { margin-top: var(--crh-space-2); } .crh-frise__texte { margin-top: var(--crh-space-2); font-size: var(--crh-fs-xs); line-height: var(--crh-lh-prose); font-weight: var(--crh-w-light); color: var(--crh-concrete-dark); } .crh-byline { display: flex; align-items: center; gap: var(--crh-space-4); margin-top: var(--crh-space-7); } .crh-byline__rule { display: block; width: 44px; height: 1px; background: var(--crh-brass-hair); } .crh-byline__id { display: flex; flex-direction: column; gap: var(--crh-space-1); } .crh-byline__nom { font-family: var(--crh-font-serif); font-size: 21px; } .crh-etapes, .crh-domaines { display: flex; flex-direction: column; align-items: center; width: 100%; } .crh-etape { display: flex; flex-direction: column; align-items: center; } .crh-etape .crh-h3 { margin-top: var(--crh-space-4); } .crh-etape .crh-small { max-width: var(--crh-measure-tight); margin-top: var(--crh-space-2); font-size: var(--crh-fs-sm); font-weight: var(--crh-w-regular); } .crh-etape__long { max-width: var(--crh-measure); margin-top: var(--crh-space-3); font-size: var(--crh-fs-xs); line-height: var(--crh-lh-prose); font-weight: var(--crh-w-light); color: var(--crh-concrete-dark); }   .crh-signature { overflow: hidden; } .crh-signature__sweep { position: absolute; top: -25%; bottom: -25%; left: 0; width: 55%; background: linear-gradient(100deg, transparent, rgba(226, 194, 136, .20), transparent); filter: blur(3px); animation: crh-sweep-x var(--crh-dur-sweep) linear infinite; pointer-events: none; } .crh-signature .crh-quote { max-width: 22ch; font-style: italic; color: var(--crh-stone); } .crh-seo__titre { max-width: 30ch; font-size: clamp(21px, 2vw, 27px); line-height: 1.2; letter-spacing: -.01em; } .crh-seo__body { width: 100%; margin-top: var(--crh-space-6); text-align: left; } .crh-seo__body p { max-width: 100%; }   .crh-rows { width: 100%; } .crh-rows__top { display: block; height: 1px; background: var(--crh-line-strong); transform-origin: left; }     .crh-row--real { display: grid; grid-template-columns: clamp(74px, 9vw, 108px) 1fr auto; gap: clamp(14px, 2.4vw, 32px); align-items: center; padding: 18px 6px; text-align: left; } .crh-row--real .crh-row__thumb { display: block; width: 100%; }   .crh-row__body { display: flex; flex-direction: column; gap: 5px; } .crh-row__type { display: block; font-size: clamp(19px, 1.7vw, 24px); color: var(--crh-ink); } .crh-row__matieres { display: block; font-size: var(--crh-cap-meta-fs); letter-spacing: var(--crh-cap-meta-ls); } .crh-row__lieu { font-family: var(--crh-font-serif); font-style: italic; font-size: 15px; text-align: right; color: var(--crh-concrete-dark); } @media (max-width: 640px) { .crh-row--real { grid-template-columns: clamp(74px, 22vw, 108px) 1fr; row-gap: var(--crh-space-2); } .crh-row--real .crh-row__body { grid-column: 2; } .crh-row__lieu { grid-column: 2; text-align: left; } } .crh-real__foot { display: flex; flex-direction: column; align-items: center; gap: var(--crh-space-4); margin-top: var(--crh-space-7); } .crh-real__note { margin-top: var(--crh-space-6); }   .crh-fiche { width: 100%; text-align: left; } .crh-fiche .crh-media { margin-top: var(--crh-space-7); } .crh-avap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--crh-space-5); margin-top: var(--crh-space-7); } .crh-avap__side { margin: 0; } .crh-avap__side figcaption { margin-bottom: var(--crh-space-2); } @media (max-width: 640px) { .crh-avap { grid-template-columns: minmax(0, 1fr); } } .crh-fiche__meta { display: grid; grid-template-columns: auto 1fr; gap: var(--crh-space-2) var(--crh-space-5); margin-top: var(--crh-space-7); padding-top: var(--crh-space-5); border-top: var(--crh-border-w) solid var(--crh-line); font-size: var(--crh-fs-xs); } .crh-fiche__meta dd { color: var(--crh-concrete-dark); } .crh-fiche__description { max-width: 60ch; margin: var(--crh-space-7) auto 0; font-family: var(--crh-font-serif); font-size: clamp(18px, 1.7vw, 23px); font-weight: var(--crh-w-light); line-height: 1.55; text-align: center; color: var(--crh-concrete-dark); text-wrap: pretty; } .crh-fiche__prose { margin-top: var(--crh-space-7); }     .crh-domaine { width: 100%; margin-top: var(--crh-space-6); text-align: left; } .crh-domaine__idx { display: block; margin-bottom: var(--crh-space-3); } .crh-domaine__long { margin-top: var(--crh-space-4); font-size: var(--crh-fs-xs); line-height: var(--crh-lh-prose); font-weight: var(--crh-w-light); color: var(--crh-concrete-dark); } .crh-domaine__more { margin-top: var(--crh-space-5); } .crh-metier__intro, .crh-combo__corps, .crh-zone__texte { width: 100%; margin-top: var(--crh-space-6); text-align: left; } .crh-combo__secteurs { max-width: var(--crh-measure-wide); margin-top: var(--crh-space-5); text-align: left; } .crh-hub__cell { padding: clamp(24px, 3vw, 36px); text-align: left; } .crh-hub__cell .crh-hairline--x { width: 34px; margin-bottom: var(--crh-space-4); } .crh-hub__cell .crh-small { margin-block: var(--crh-space-3) var(--crh-space-5); } .crh-zone__metiers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--crh-space-6) var(--crh-gutter); width: 100%; text-align: left; } .crh-zone__metier .crh-h3 { margin-block: var(--crh-space-2); } .crh-zone__metier .crh-small { color: var(--crh-concrete); } @media (max-width: 640px) { .crh-zone__metiers { grid-template-columns: minmax(0, 1fr); } }   .crh-jgrid { width: 100%; margin-top: var(--crh-space-7); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--crh-border-w);   background: var(--crh-line); border: var(--crh-border-w) solid var(--crh-line); } .crh-jgrid > .crh-jcard { background: var(--crh-stone); } @media (max-width: 720px) { .crh-jgrid { grid-template-columns: minmax(0, 1fr); } } .crh-jcard { display: flex; flex-direction: column; gap: 0; color: inherit; text-align: left; } .crh-jcard--featured { width: 100%; margin-top: var(--crh-space-7); background: var(--crh-stone);   border: var(--crh-border-w) solid var(--crh-line); } .crh-jcard:focus-visible { outline-color: var(--crh-ink); } .crh-jcard .crh-media { position: relative; } .crh-jcard__body { display: flex; flex-direction: column; gap: var(--crh-space-2); padding: clamp(24px, 3vw, 34px); } .crh-jcard--featured .crh-jcard__body { padding: clamp(24px, 3vw, 36px); }   .crh-jcard__title { display: block; color: var(--crh-ink); font-size: var(--crh-fs-h3-jcard); } .crh-jcard--featured .crh-jcard__title { font-size: var(--crh-fs-h2-jcard); line-height: 1.08; } .crh-jcard__chapo { display: block; font-size: var(--crh-fs-sm); line-height: 1.6; max-width: none; } .crh-jcard--featured .crh-jcard__chapo { font-size: 15.5px; line-height: var(--crh-lh-lead); color: var(--crh-concrete-dark); max-width: 60ch; }   .crh-jcard:not(.crh-jcard--featured) .crh-jcard__chapo { font-size: var(--crh-fs-sm); } body.blog .crh-section__head .crh-lead { font-size: var(--crh-fs-lg); line-height: var(--crh-lh-body); max-width: 58ch; text-align: left; } .crh-jcard:hover .crh-jcard__title { color: var(--crh-brass-strong); }   .crh-badge { position: absolute; top: 16px; left: 18px; padding: 5px 9px; background: rgba(var(--crh-brass-light-rgb), .94); color: var(--crh-ink-deep); font-size: 10px; letter-spacing: .18em; } .crh-article { width: 100%; text-align: left; } .crh-article__hero { margin-top: var(--crh-space-7); } .crh-article__byline { display: flex; flex-wrap: wrap; gap: var(--crh-space-2) var(--crh-space-4); margin-top: var(--crh-space-5); padding-bottom: var(--crh-space-5); border-bottom: var(--crh-border-w) solid var(--crh-line); } .crh-article__sep { color: var(--crh-brass-strong); } .crh-article__author { display: inline-flex; flex-wrap: wrap; gap: var(--crh-space-2); color: inherit; transition: color .25s var(--crh-ease); } .crh-article__author:hover, .crh-article__author:focus-visible { color: var(--crh-brass-strong); } .crh-article__role { color: var(--crh-concrete); } .crh-article__body { margin-top: var(--crh-space-7); } .crh-article__body h2 { margin-top: var(--crh-space-8); } .crh-article__quote { margin-block: var(--crh-space-7); padding-left: var(--crh-space-5); border-left: var(--crh-border-w) solid var(--crh-brass); font-family: var(--crh-font-serif); font-style: italic; font-size: clamp(19px, 1.9vw, 26px); line-height: 1.4; } .crh-article__quote p { max-width: var(--crh-measure); font-size: inherit; line-height: inherit; color: var(--crh-ink); }   .crh-legal { width: 100%; text-align: left; } .crh-legal__section { padding-block: clamp(26px, 4vh, 36px); border-top: var(--crh-border-w) solid var(--crh-line); } .crh-legal__head { display: flex; align-items: baseline; gap: var(--crh-space-4); margin-bottom: var(--crh-space-4); } .crh-legal__num { color: var(--crh-brass-strong); }   .crh-legal__head .crh-h3 { font-size: var(--crh-fs-h3-legal); } .crh-legal__body { padding-left: var(--crh-legal-indent); } .crh-legal__body > * + * { margin-top: var(--crh-space-4); } .crh-legal__body p {   font-size: var(--crh-fs-md); line-height: var(--crh-lh-legal); font-weight: var(--crh-w-light); color: var(--crh-ink-prose); text-wrap: pretty; } .crh-legal__pairs { display: grid; grid-template-columns: auto 1fr; gap: var(--crh-legal-pairs-gap-y) var(--crh-legal-pairs-gap-x); margin-top: var(--crh-legal-pairs-top); padding-top: 0; border-top: 0; font-size: var(--crh-fs-xs); } .crh-legal__pairs dd { font-size: var(--crh-fs-md); line-height: var(--crh-lh-legal-list); color: var(--crh-ink); } @media (max-width: 560px) { .crh-legal__pairs { grid-template-columns: minmax(0, 1fr); } .crh-legal__pairs dd { margin-bottom: var(--crh-space-2); } } .crh-legal__ul { display: flex; flex-direction: column; gap: var(--crh-space-2); list-style: none; } .crh-legal__ul li { display: flex; align-items: baseline; gap: var(--crh-space-2); font-size: var(--crh-fs-md); line-height: var(--crh-lh-legal-list); font-weight: var(--crh-w-light); color: var(--crh-ink-prose); }   .crh-legal__ul li::before { content: ''; flex: none; width: 14px; height: 1px; background: var(--crh-brass); transform: translateY(-4px); }   .crh-legal__droits { margin-top: var(--crh-space-8); padding: clamp(28px, 4vw, 44px); border: var(--crh-border-w) solid var(--crh-brass-edge); background: var(--crh-brass-veil); } .crh-legal__droits .crh-lead { max-width: none; margin-inline: 0; color: var(--crh-concrete-dark); } .crh-legal__droits .crh-linklist { justify-content: flex-start; }   .crh-legal__droits .crh-linklist a { font-family: var(--crh-font-mono); font-size: 12px; letter-spacing: .06em; } .crh-legal__updated { margin-top: var(--crh-space-7); padding-top: var(--crh-space-5); border-top: var(--crh-border-w) solid var(--crh-line); text-align: left; } .crh-shell--legal .crh-section__head .crh-lead { max-width: 60ch; text-align: left; margin-inline: 0; } .crh-legal__nav { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--crh-space-3) var(--crh-space-5); margin-top: var(--crh-space-5); } .crh-legal__nav a { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--crh-font-mono); font-size: var(--crh-cap-label-fs); letter-spacing: var(--crh-cap-label-ls); text-transform: uppercase; color: var(--crh-concrete); } .crh-legal__nav a:hover { color: var(--crh-brass-strong); } .crh-plan { width: 100%; } .crh-plan__group { margin-top: var(--crh-space-8); } .crh-plan__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--crh-space-1) var(--crh-space-5); list-style: none; text-align: left; } .crh-plan__list a { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--crh-fs-xs); color: var(--crh-concrete-dark); } .crh-plan__list a:hover { color: var(--crh-brass-strong); }     .crh-404 { position: relative; background: var(--crh-grad-dark); padding-block: 40px 90px; min-height: 70svh; justify-content: center; }   .crh-404::before { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: .05; background: repeating-linear-gradient( to right, transparent 0, transparent calc(100% / 6 - 1px), rgba(var(--crh-brass-rgb), .9) calc(100% / 6 - 1px), rgba(var(--crh-brass-rgb), .9) calc(100% / 6) ); }   .crh-404 .crh-404__ghost { margin: var(--crh-space-5) 0; font-family: var(--crh-font-serif); font-weight: var(--crh-w-light); font-style: italic; font-size: var(--crh-fs-404); line-height: 1.08; letter-spacing: .01em; padding: .14em .14em .06em; color: transparent; -webkit-text-fill-color: transparent; background-image: var(--crh-grad-404); background-size: 170px, 220% 100%; background-position: 0 0, 50% 50%; -webkit-background-clip: text; background-clip: text; animation: crh-404-sweep var(--crh-dur-mat) .2s var(--crh-ease) both; } .crh-404 .crh-h1 { color: var(--crh-stone); font-size: var(--crh-fs-h1-404); line-height: 1.1; letter-spacing: var(--crh-ls-head); max-width: 20ch; } .crh-404 .crh-lead { color: var(--crh-on-dark); } @media (prefers-reduced-motion: reduce) { .crh-404 .crh-404__ghost { animation: none; } } .crh-404__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--crh-space-4) var(--crh-space-6); margin-top: var(--crh-space-7); } .crh-404__nav { display: flex; flex-wrap: wrap; justify-content: center; width: min(560px, 100%); gap: var(--crh-space-3) clamp(20px, 2.6vw, 34px); margin-top: clamp(40px, 6vh, 60px); padding-top: clamp(24px, 3.5vh, 34px); border-top: var(--crh-border-w) solid rgba(var(--crh-stone-rgb), .14); } .crh-404__nav a { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--crh-font-mono); font-size: var(--crh-cap-label-fs); letter-spacing: var(--crh-cap-label-ls); text-transform: uppercase; color: var(--crh-on-dark); } .crh-404__nav a:hover { color: var(--crh-brass-light); }   .crh-btn--ghost-dark { color: var(--crh-stone); background-image: linear-gradient(var(--crh-stone), var(--crh-stone)), linear-gradient(var(--crh-brass-light), var(--crh-brass-light)); } .crh-btn--ghost-dark:hover, .crh-btn--ghost-dark:focus-visible { color: var(--crh-stone); background-size: 100% 1px, 100% 1px; }   .crh-form { width: 100%; margin-inline: auto; text-align: left; } .crh-form > * + * { margin-top: var(--crh-space-5); } .crh-form__submit { display: flex; flex-direction: column; align-items: center; gap: var(--crh-space-3); margin-top: var(--crh-space-6); } .crh-form__note { font-family: var(--crh-font-serif); font-style: italic; font-size: 12.5px; color: var(--crh-concrete); }     .crh-contact__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--crh-space-3) clamp(24px, 3.5vw, 48px); margin-top: var(--crh-space-8); } .crh-contact__meta a { display: inline-flex; align-items: center; min-height: 44px; font-size: var(--crh-fs-body); color: var(--crh-ink); } .crh-contact__meta a:hover { color: var(--crh-brass-strong); } .crh-contact__sep { color: var(--crh-brass-strong); } .crh-contact__langues { margin-top: var(--crh-space-4); }   .crh-contact-guide { width: 100%; max-width: var(--crh-max-real); margin: var(--crh-space-8) auto 0; } .crh-contact-guide__title { max-width: var(--crh-measure-title); margin-inline: auto; text-align: center; } .crh-contact-guide__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--crh-space-6) 0 0; padding: 0; border-block: var(--crh-border-w) solid var(--crh-line-2); list-style: none; } .crh-contact-guide__item { display: flex; flex-direction: column; align-items: center; padding: var(--crh-space-6); text-align: center; } .crh-contact-guide__item + .crh-contact-guide__item { border-left: var(--crh-border-w) solid var(--crh-line-2); } .crh-contact-guide__item .crh-h3 { margin-top: var(--crh-space-4); } .crh-contact-guide__item .crh-small { max-width: var(--crh-measure-tight); margin-top: var(--crh-space-3); color: var(--crh-concrete-dark); } .crh-page--contact .crh-shell--form { margin: var(--crh-space-8) auto 0; } @media (max-width: 820px) { .crh-contact-guide { max-width: var(--crh-max-form); } .crh-contact-guide__list { grid-template-columns: minmax(0, 1fr); } .crh-contact-guide__item + .crh-contact-guide__item { border-top: var(--crh-border-w) solid var(--crh-line-2); border-left: 0; } } @media (max-width: 640px) { .crh-contact__meta { flex-direction: column; flex-wrap: nowrap; gap: var(--crh-space-1); } .crh-contact__meta a { justify-content: center; } .crh-contact__sep { display: none; } .crh-contact__langues { max-width: var(--crh-measure-tight); line-height: var(--crh-lh-small); } }   .crh-byline__role { color: var(--crh-concrete); } .crh-jcard__meta { display: block; color: var(--crh-brass-strong); }   .crh-joindre { display: flex; flex-direction: column; align-items: center; gap: var(--crh-space-2); margin-top: var(--crh-space-6); text-align: center; }   .crh-joindre__tel { display: inline-flex; flex-direction: column; align-items: center; gap: var(--crh-space-2); padding: var(--crh-space-3) var(--crh-space-4); color: var(--crh-ink); text-decoration: none; } .crh-joindre__label { color: var(--crh-brass-strong); } .crh-joindre__num { font-family: var(--crh-font-serif); font-weight: var(--crh-w-light); font-size: var(--crh-fs-h3); line-height: var(--crh-lh-tight); letter-spacing: .01em;   white-space: nowrap; }   .crh-joindre__tel:hover .crh-joindre__num, .crh-joindre__tel:focus-visible .crh-joindre__num { box-shadow: inset 0 -1px 0 0 var(--crh-brass); } .crh-joindre__langues { max-width: var(--crh-measure); color: var(--crh-concrete); }   .crh-block--contact { margin-top: var(--crh-space-9); } .crh-block--contact .crh-cta__title { margin-top: var(--crh-space-5); margin-inline: auto; text-align: center; } .crh-block--contact .crh-shell--form { margin-top: var(--crh-space-7); }   .crh-page { padding-block: clamp(34px, 4vh, 56px) clamp(90px, 12vh, 150px); }   .crh-page > .crh-shell > .crh-breadcrumb-wrap { display: none; } .crh-page .crh-section__head { width: 100%; text-align: center; } .crh-page .crh-section__head > * { margin-inline: auto; } .crh-page .crh-section__head .crh-cap { margin-bottom: 20px; } .crh-page .crh-section__head .crh-h1 { max-width: 18ch; font-size: clamp(38px, 4.8vw, 72px); line-height: .98; letter-spacing: -.02em; } .crh-page .crh-section__head .crh-lead { max-width: 52ch; margin-top: 22px; font-size: clamp(15px, 1.1vw, 17px); line-height: 1.68; }   .crh-page--savoir .crh-section__head { margin-bottom: clamp(56px, 8vh, 90px); } .crh-page--savoir .crh-domaines { align-items: stretch; max-width: 880px; border-bottom: var(--crh-border-w) solid var(--crh-line-2); } .crh-page--savoir .crh-domaine.crh-card { margin-top: 0; padding: clamp(38px, 5vh, 54px) 6px; border: 0; border-top: var(--crh-border-w) solid var(--crh-line-2); background: transparent; } .crh-page--savoir .crh-domaine.crh-card:hover { border-color: var(--crh-line-2); background: transparent; } .crh-page--savoir .crh-domaine__idx { margin-bottom: 14px; font-size: 11px; letter-spacing: .20em; } .crh-page--savoir .crh-domaine .crh-h2 { margin-bottom: 14px; font-size: clamp(28px, 3.2vw, 44px); font-weight: var(--crh-w-light); line-height: 1.05; letter-spacing: -.015em; } .crh-page--savoir .crh-domaine .crh-h2 a, .crh-page--savoir .crh-domaine .crh-h2 a:hover, .crh-page--savoir .crh-domaine .crh-h2 a:focus-visible { color: var(--crh-ink); } .crh-page--savoir .crh-domaine > .crh-lead, .crh-page--savoir .crh-domaine__long { max-width: 60ch; font-size: 15.5px; line-height: 1.66; font-weight: var(--crh-w-light); color: var(--crh-concrete); } .crh-page--savoir .crh-domaine > .crh-lead { margin-bottom: 10px; } .crh-page--savoir .crh-domaine__long { margin: 0 0 24px; } .crh-page--savoir .crh-dashlist--cols { display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 0; } .crh-page--savoir .crh-dashlist li { font-family: var(--crh-font-mono); font-size: 11px; font-weight: var(--crh-w-regular); letter-spacing: .10em; line-height: 1.5; text-transform: uppercase; color: var(--crh-concrete); } .crh-page--savoir .crh-dashlist__rule { transform: translateY(-3px); }   .crh-page--savoir .crh-domaine__more { margin-top: 24px; } .crh-page--savoir > .crh-shell > .crh-cta, .crh-page--approche > .crh-shell > .crh-cta, .crh-page--artisan > .crh-shell > .crh-cta { width: auto; margin-top: clamp(48px, 7vh, 64px); padding-top: 0; border-top: 0; }   .crh-page--artisan > .crh-shell > .crh-cap--section { margin-bottom: 26px; } .crh-page--artisan .crh-portrait { width: clamp(230px, 26vw, 330px); } .crh-page--artisan .crh-portrait__legende { margin: 24px auto clamp(44px, 6vh, 60px); } .crh-page--artisan .crh-h1 { max-width: 22ch; margin-bottom: clamp(36px, 5vh, 48px); font-size: clamp(30px, 3.6vw, 50px); line-height: 1.06; letter-spacing: -.015em; } .crh-prose.crh-artisan__paras { display: flex; flex-direction: column; gap: 22px; max-width: 60ch; margin-top: 0; text-align: center; } .crh-prose.crh-artisan__paras p { max-width: none; margin-top: 0; font-family: var(--crh-font-serif); font-size: clamp(17px, 1.4vw, 20px); font-weight: var(--crh-w-light); line-height: 1.62; color: var(--crh-concrete-dark); } .crh-page--artisan .crh-artisan__preuve { max-width: 60ch; margin-top: 24px; font-family: var(--crh-font-serif); font-size: clamp(17px, 1.4vw, 20px); font-weight: var(--crh-w-light); line-height: 1.62; color: var(--crh-concrete-dark); }   .crh-page--approche .crh-section__head { margin-bottom: clamp(56px, 8vh, 90px); } .crh-page--approche .crh-etapes { align-items: center; text-align: center; } .crh-page--approche .crh-etape { width: 100%; max-width: 56ch; margin-inline: auto; text-align: center; } .crh-page--approche .crh-index { width: 48px; height: 48px; font-size: 12px; } .crh-page--approche .crh-etape .crh-h3 { margin: 22px 0 10px; font-size: clamp(24px, 2.5vw, 34px); line-height: 1.08; } .crh-page--approche .crh-etape .crh-small { max-width: 56ch; margin: 0 0 8px; font-size: 15px; font-weight: var(--crh-w-regular); line-height: 1.6; text-align: center; } .crh-page--approche .crh-etape__long { max-width: 56ch; margin-top: 0; font-size: 14.5px; line-height: 1.68; text-align: center; } .crh-page--approche .crh-etape__rule { height: 56px; margin: 28px 0; } .crh-page--approche .crh-mark-diamond { margin-top: -14px; }   .crh-front #realisations + #artisan { padding-top: 0; border-top: 0; } .crh-front #artisan > .crh-shell > .crh-rule-drop { height: clamp(46px, 7vh, 70px); margin-bottom: clamp(50px, 7vh, 80px); } .crh-front #artisan > .crh-shell > .crh-cap--section { margin-bottom: 26px; } .crh-front #artisan .crh-portrait__legende { margin: 24px auto clamp(40px, 6vh, 56px); } .crh-portrait.crh-media--framed::after { inset: 0; } .crh-portrait__legende { font-size: 11.5px; letter-spacing: .28em; }   .crh-footer { padding: clamp(44px, 6vh, 64px) 0 36px; } .crh-footer__name { font-size: 12px; letter-spacing: .30em; } .crh-footer__baseline { margin-top: 12px; } .crh-footer__garanties { margin-top: 24px; } .crh-footer__zones { margin-top: 22px; padding-top: 26px; } .crh-footer__garanties + .crh-footer__zones { margin-top: clamp(30px, 4vh, 44px); } .crh-footer__zones .crh-linklist--zones { margin-top: 16px; column-gap: 22px; row-gap: 10px; } .crh-footer__nav { gap: 16px 20px;   row-gap: max(var(--crh-space-4), calc(44px - var(--crh-cap-label-fs) * 1.5)); margin-top: 22px; padding-top: 18px; } .crh-footer__nav a { position: relative; min-height: 0; line-height: 1.5; }   .crh-footer__nav a::after { content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 44px; transform: translateY(-50%); } .crh-footer__legal { gap: 8px 20px; margin-top: 16px; line-height: 1.5; } .crh-footer__nap + .crh-footer__legal { margin-top: 8px; }   .crh-footer__nap a, .crh-linklist--zones a { position: relative; } .crh-footer__nap a::after, .crh-linklist--zones a::after { content: ''; position: absolute; left: 50%; top: 50%; width: max(100%, 44px); height: max(100%, 44px); transform: translate(-50%, -50%); } @media (max-width: 640px) { .crh-page .crh-section__head .crh-h1 { max-width: 20ch; } .crh-page--savoir .crh-dashlist--cols { flex-direction: column; flex-wrap: nowrap; } .crh-page--savoir .crh-domaine.crh-card { padding-inline: 0; } .crh-prose.crh-artisan__paras, .crh-prose.crh-artisan__paras p { text-align: center; } }   .crh-page-detail { padding-block: clamp(48px, 7vh, 90px) clamp(70px, 10vh, 120px); } .crh-page-detail > .crh-shell { display: block; max-width: 900px; padding-inline: clamp(24px, 5vw, 40px); } .crh-page-detail .crh-breadcrumb-wrap { margin-bottom: 26px; text-align: left; } .crh-page-detail .crh-breadcrumb { justify-content: flex-start; } .crh-page-detail .crh-section__head { width: 100%; max-width: none; margin: 0 0 20px; text-align: left; } .crh-page-detail .crh-section__head > * { margin-inline: 0; } .crh-page-detail .crh-section__head .crh-cap { margin-bottom: 18px; } .crh-page-detail .crh-section__head .crh-h1 { max-width: 18ch; font-size: clamp(34px, 5vw, 64px); line-height: 1; letter-spacing: -.02em; text-align: left; } .crh-page-detail .crh-section__head .crh-lead { max-width: none; margin-top: 24px; font-size: var(--crh-fs-body); line-height: var(--crh-lh-body); text-align: left; } .crh-page--metier .crh-metier__intro { max-width: none; margin: 0 0 clamp(40px, 6vh, 60px); text-align: left; } .crh-page--metier .crh-section__head { margin-bottom: clamp(40px, 6vh, 60px); } .crh-page-detail .crh-block__head { align-items: flex-start; text-align: left; } .crh-page-detail .crh-block__head .crh-h3 { max-width: 100%; text-align: left; } .crh-page-detail .crh-block .crh-prose { width: 100%; }   .crh-page-detail .crh-section__head .crh-lead, .crh-page--combo .crh-combo__secteurs, .crh-page-detail .crh-metier__intro p, .crh-page-detail .crh-combo__corps p, .crh-page-detail .crh-combo__section .crh-prose p { max-width: none; font-size: var(--crh-fs-body); line-height: var(--crh-lh-body); }   .crh-page--combo .crh-combo__secteurs, .crh-page--combo .crh-combo__corps { margin-inline: 0; } .crh-page--combo .crh-combo__secteurs { max-width: none; margin-block: 0 26px; text-align: left; } .crh-page--combo .crh-combo__corps { max-width: none; margin-block: 0 clamp(40px, 6vh, 60px); text-align: left; } .crh-page-detail > .crh-shell > .crh-block:first-of-type { margin-top: 0; }   .crh-page-index { padding-block: clamp(48px, 7vh, 90px) clamp(70px, 10vh, 120px); } .crh-page-index .crh-section__head { max-width: 64ch; margin-bottom: clamp(44px, 7vh, 72px); text-align: left; } .crh-page-index .crh-section__head > * { margin-inline: 0; } .crh-page-index .crh-section__head .crh-lead, .crh-page-index .crh-section__head .crh-lead--center { max-width: 64ch; margin-top: var(--crh-space-4); text-align: left; } .crh-page-zone { padding-block: clamp(34px, 4vh, 56px) clamp(90px, 12vh, 150px); } .crh-page-zone > .crh-shell { display: flex; flex-direction: column; align-items: center; } .crh-page-zone .crh-breadcrumb-wrap { margin-bottom: 26px; text-align: center; } .crh-page-zone .crh-breadcrumb { justify-content: center; } .crh-page-zone .crh-section__head { width: 100%; margin-bottom: clamp(28px, 4vh, 40px); text-align: center; } .crh-page-zone .crh-section__head > * { margin-inline: auto; } .crh-page-zone .crh-section__head .crh-cap { margin-bottom: 20px; } .crh-page-zone .crh-section__head .crh-h1 { max-width: 20ch; font-size: clamp(36px, 4.6vw, 68px); line-height: 1; letter-spacing: -.02em; text-align: center; } .crh-page-zone .crh-section__head .crh-lead { max-width: 56ch; margin-top: 24px; font-size: clamp(15px, 1.1vw, 17.5px); line-height: 1.7; color: var(--crh-concrete-dark); text-align: center; } .crh-page-zone > .crh-shell > .crh-dashlist--cols { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 11px 22px; max-width: 720px; margin: 0 0 clamp(52px, 8vh, 82px); text-align: center; } .crh-page-zone > .crh-shell > .crh-dashlist--cols li { font-family: var(--crh-font-mono); font-size: 10.5px; font-weight: var(--crh-w-regular); letter-spacing: .14em; line-height: 1.5; text-transform: uppercase; } .crh-page-zone > .crh-shell > .crh-block, .crh-page-detail > .crh-shell > .crh-block:not(.crh-block--contact) { max-width: 880px; } .crh-page-detail > .crh-shell > .crh-block:not(.crh-block--contact) { margin-inline: auto; } .crh-page-detail .crh-block .crh-faq { max-width: 100%; } .crh-page-zone > .crh-shell > .crh-block { margin-top: clamp(48px, 7vh, 72px); } .crh-page-zone > .crh-shell > .crh-block:first-of-type { margin-top: 0; } .crh-page-zone > .crh-shell > .crh-block:not(.crh-block--contact) > .crh-block__head { flex-direction: row; align-items: baseline; gap: 14px; margin-bottom: 8px; text-align: left; } .crh-page-zone > .crh-shell > .crh-block:not(.crh-block--contact) > .crh-block__head .crh-hairline--x { width: 28px; } .crh-page-zone .crh-zone__metiers { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; border-top: var(--crh-border-w) solid var(--crh-line-2); } .crh-page-zone .crh-zone__metier { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 20px; align-items: baseline; padding: 22px 4px; border-bottom: var(--crh-border-w) solid var(--crh-line); } .crh-page-zone .crh-zone__metier .crh-h3 { margin: 0 0 6px; font-size: clamp(19px, 1.7vw, 24px); line-height: 1.1; } .crh-page-zone .crh-zone__metier .crh-small { grid-column: 2; font-size: 14.5px; line-height: 1.6; } .crh-page-zone .crh-zone__texte { max-width: 60ch; margin: clamp(48px, 7vh, 72px) auto 0; font-size: 14px; line-height: 1.78; text-align: center; }   .crh-page-detail > .crh-shell > .crh-block--contact, .crh-page-zone > .crh-shell > .crh-block--contact { max-width: var(--crh-max-form); margin-inline: auto; } .crh-page-detail .crh-block--contact > .crh-block__head, .crh-page-zone .crh-block--contact > .crh-block__head { align-items: center; text-align: center; } .crh-block--contact .crh-shell--form { margin-inline: auto; } @media (max-width: 560px) { .crh-page-zone .crh-zone__metier { grid-template-columns: 38px minmax(0, 1fr); gap: 14px; padding-inline: 0; } .crh-page-zone > .crh-shell > .crh-dashlist--cols { flex-direction: row; } }