/* Source: /home/y/w/fnh-pa26/dist/_style.pre.css */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scrollbar-gutter: stable;
}

img,
svg,
video,
canvas {
  max-width: 100%;
  display: block;
}

/* Brandon Grotesque — police de la maquette. Poids Figma : 390 ≈ 400 (regular) et 500 (medium). */
@font-face {
  font-family: "Brandon Grotesque";
  src: url("assets/fonts/BrandonGrotesque-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Brandon Grotesque";
  src: url("assets/fonts/BrandonGrotesque-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Brandon Grotesque";
  src: url("assets/fonts/BrandonGrotesque-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Brandon Grotesque";
  src: url("assets/fonts/BrandonGrotesque-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: block;
}

:root {
  --color-fnh-blue: #1b4164;
  --color-fnh-green: #386c5f;
  --color-fnh-lime: #99b643;
  --color-fnh-red: #ff4752;
  --color-white: #ffffff;
  --color-black: #000000;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 10rem;
}

/* Système responsive : 1rem = 10px à la largeur de la maquette, donc 1px Figma = 0.1rem.
   Maquette Figma : Desktop = 1512px, Mobile (iPhone 13/14) = 390px. */
html {
  font-size: calc(1000vw / 1512);
}

@media all and (max-width: 1000px) and (orientation: portrait) {
  html {
    font-size: calc(1000vw / 390);
    /* Pas de barre sticky en haut sur mobile (CTA en bas d'écran) → pas de décalage d'ancre */
    scroll-padding-top: 0;
  }
}

body {
  font-family: "Brandon Grotesque", "Montserrat", sans-serif;
  color: #323232;
  background: #fdf5f0;
}

.font-brandon {
  font-family: "Brandon Grotesque", "Montserrat", sans-serif;
}

[x-cloak] {
  display: none !important;
}

/* Les boutons héritent de la police body (Brandon Grotesque) */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

/* CTA-don : le cœur est en contour par défaut et se REMPLIT (blanc) au survol.
   Variant hover de la maquette Figma (composant CTA-don, node 55:298). */
.rgive-button svg path {
  transition: fill 0.2s ease;
}
.rgive-button:hover svg path {
  fill: currentColor;
}

/* Slider Swiper — pagination (bullets fnh-blue) : section Découvrir mobile */
#decouvrir-swiper {
  --swiper-pagination-color: #1b4164;
  --swiper-pagination-bullet-inactive-color: #1b4164;
  --swiper-pagination-bullet-inactive-opacity: 0.3;
  --swiper-pagination-bullet-size: 1.2rem;
  --swiper-pagination-bullet-horizontal-gap: 0.5rem;
}

/* Apparition du texte hero au chargement de la page : fondu + léger glissement vers le haut */
@keyframes heroIn {
  from {
    opacity: 0;
    transform: translateY(2.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Fondu simple (opacité) — utilisé pour l'indicateur de scroll, combiné au bounce */
@keyframes heroFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Flèche scroll hero */
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-0.8rem);
  }
  60% {
    transform: translateY(-0.4rem);
  }
}/* layer: preflights */
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
/* layer: default */
.\[\&\:\:-webkit-inner-spin-button\]\:\[appearance\:none\]::-webkit-inner-spin-button,
.\[\&\:\:-webkit-outer-spin-button\]\:\[appearance\:none\]::-webkit-outer-spin-button{appearance:none;}
.\[animation\:heroFade_0\.6s_ease-out_0\.8s_both\,bounce_2s_0\.8s_infinite\]{animation:heroFade 0.6s ease-out 0.8s both,bounce 2s 0.8s infinite;}
.\[animation\:heroIn_0\.9s_ease-out_0\.15s_both\]{animation:heroIn 0.9s ease-out 0.15s both;}
.\[appearance\:textfield\]{appearance:textfield;}
.\[background\:linear-gradient\(180deg\,\#f4f3f0_0\,\#f4f3f0_16rem\,rgba\(244\,243\,240\,0\)_18rem\,rgba\(18\,59\,49\,0\)_58\%\,\#123b31_100\%\)\]{background:linear-gradient(180deg,#f4f3f0 0,#f4f3f0 16rem,rgba(244,243,240,0) 18rem,rgba(18,59,49,0) 58%,#123b31 100%);}
.\[background\:linear-gradient\(180deg\,rgba\(47\,92\,74\,0\.72\)_0\%\,rgba\(16\,48\,37\,0\.82\)_55\%\,rgba\(12\,38\,32\,0\.88\)_100\%\)\]{background:linear-gradient(180deg,rgba(47,92,74,0.72) 0%,rgba(16,48,37,0.82) 55%,rgba(12,38,32,0.88) 100%);}
.\[background\:linear-gradient\(180deg\,transparent_43\%\,\#386c5f_100\%\)\]{background:linear-gradient(180deg,transparent 43%,#386c5f 100%);}
.\[border-radius\:2rem_2rem_2rem_7rem\]{border-radius:2rem 2rem 2rem 7rem;}
.\[border-radius\:2rem_2rem_2rem_8rem\]{border-radius:2rem 2rem 2rem 8rem;}
.\[border-radius\:4rem_4rem_4rem_12rem\]{border-radius:4rem 4rem 4rem 12rem;}
.\[box-shadow\:0_0\.2rem_0\.8rem_rgba\(0\,0\,0\,0\.1\)\]{box-shadow:0 0.2rem 0.8rem rgba(0,0,0,0.1);}
.\[box-shadow\:0_0\.2rem_1\.4rem_rgba\(0\,0\,0\,0\.1\)\]{box-shadow:0 0.2rem 1.4rem rgba(0,0,0,0.1);}
.\[box-shadow\:0_0\.4rem_1\.2rem_rgba\(0\,0\,0\,0\.2\)\]{box-shadow:0 0.4rem 1.2rem rgba(0,0,0,0.2);}
.\[box-shadow\:0_0\.6rem_2\.4rem_rgba\(0\,0\,0\,0\.3\)\]{box-shadow:0 0.6rem 2.4rem rgba(0,0,0,0.3);}
.\[box-shadow\:0_2rem_6rem_rgba\(0\,0\,0\,0\.25\)\]{box-shadow:0 2rem 6rem rgba(0,0,0,0.25);}
.pointer-events-none{pointer-events:none;}
.invisible{visibility:hidden;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.relative{position:relative;}
.sticky{position:sticky;}
.inset-0{inset:0;}
.inset-x-0{left:0;right:0;}
.-left-\[2\.2rem\]{left:-2.2rem;}
.-left-\[94\.3rem\]{left:-94.3rem;}
.-top-\[47\.1rem\]{top:-47.1rem;}
.-top-\[5\.4rem\]{top:-5.4rem;}
.-top-\[8\.8rem\]{top:-8.8rem;}
.-top-\[9\.3rem\]{top:-9.3rem;}
.-top-\[9\.8rem\]{top:-9.8rem;}
.bottom-\[0\.45rem\]{bottom:0.45rem;}
.bottom-0{bottom:0;}
.left-\[-2\.4rem\]{left:-2.4rem;}
.left-\[2\.5rem\]{left:2.5rem;}
.left-\[3\.5rem\]{left:3.5rem;}
.left-\[4\.8rem\]{left:4.8rem;}
.left-\[8\.2rem\]{left:8.2rem;}
.left-0{left:0;}
.left-1\/2{left:50%;}
.right-\[-2\.3rem\]{right:-2.3rem;}
.right-\[2rem\]{right:2rem;}
.top-\[18rem\]{top:18rem;}
.top-\[24\.1rem\]{top:24.1rem;}
.top-\[27\.4rem\]{top:27.4rem;}
.top-\[2rem\]{top:2rem;}
.top-0{top:0;}
.isolate{isolation:isolate;}
.-z-10{z-index:-10;}
.-z-20{z-index:-20;}
.z-\[100\]{z-index:100;}
.z-0{z-index:0;}
.z-10{z-index:10;}
.z-20{z-index:20;}
.z-30{z-index:30;}
.z-40{z-index:40;}
.grid{display:grid;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.-mx{margin-left:-1rem;margin-right:-1rem;}
.mx-\[0\.9rem\]{margin-left:0.9rem;margin-right:0.9rem;}
.mx-\[2rem\]{margin-left:2rem;margin-right:2rem;}
.mx-\[3rem\]{margin-left:3rem;margin-right:3rem;}
.mx-auto{margin-left:auto;margin-right:auto;}
.my-\[1\.5rem\]{margin-top:1.5rem;margin-bottom:1.5rem;}
.my-\[2rem\]{margin-top:2rem;margin-bottom:2rem;}
.-mt-\[25rem\]{margin-top:-25rem;}
.-mt-\[4rem\]{margin-top:-4rem;}
.-mt-\[7rem\]{margin-top:-7rem;}
.mb-\[0\.6rem\]{margin-bottom:0.6rem;}
.mb-\[0\.8rem\]{margin-bottom:0.8rem;}
.mb-\[1\.5rem\]{margin-bottom:1.5rem;}
.mb-\[1\.8rem\]{margin-bottom:1.8rem;}
.mb-\[1rem\]{margin-bottom:1rem;}
.mb-\[2\.4rem\]{margin-bottom:2.4rem;}
.mb-\[2\.8rem\]{margin-bottom:2.8rem;}
.mb-\[2rem\]{margin-bottom:2rem;}
.mb-\[3\.2rem\]{margin-bottom:3.2rem;}
.mb-\[3rem\]{margin-bottom:3rem;}
.mb-\[4\.4rem\]{margin-bottom:4.4rem;}
.mb-\[5rem\]{margin-bottom:5rem;}
.ml-\[5rem\]{margin-left:5rem;}
.mt-\[0\.2rem\]{margin-top:0.2rem;}
.mt-\[0\.7rem\]{margin-top:0.7rem;}
.mt-\[0\.9rem\]{margin-top:0.9rem;}
.mt-\[1\.5rem\]{margin-top:1.5rem;}
.mt-\[1\.6rem\]{margin-top:1.6rem;}
.mt-\[12\.6rem\]{margin-top:12.6rem;}
.mt-\[2rem\]{margin-top:2rem;}
.mt-\[34\.3rem\]{margin-top:34.3rem;}
.mt-\[3rem\]{margin-top:3rem;}
.mt-\[4rem\]{margin-top:4rem;}
.mt-\[5rem\]{margin-top:5rem;}
.mt-auto{margin-top:auto;}
.block{display:block;}
.inline-block{display:inline-block;}
.hidden{display:none;}
.h-\[1\.3rem\]{height:1.3rem;}
.h-\[1\.9rem\]{height:1.9rem;}
.h-\[10\.9rem\]{height:10.9rem;}
.h-\[11rem\]{height:11rem;}
.h-\[189rem\]{height:189rem;}
.h-\[2\.1rem\]{height:2.1rem;}
.h-\[2\.2rem\]{height:2.2rem;}
.h-\[2\.4rem\]{height:2.4rem;}
.h-\[21\.7rem\]{height:21.7rem;}
.h-\[21rem\]{height:21rem;}
.h-\[23rem\]{height:23rem;}
.h-\[24\.6rem\]{height:24.6rem;}
.h-\[24rem\]{height:24rem;}
.h-\[26\.9rem\]{height:26.9rem;}
.h-\[26rem\]{height:26rem;}
.h-\[2rem\]{height:2rem;}
.h-\[3\.1rem\]{height:3.1rem;}
.h-\[3\.3rem\]{height:3.3rem;}
.h-\[3\.5rem\]{height:3.5rem;}
.h-\[39\.4rem\]{height:39.4rem;}
.h-\[4\.2rem\]{height:4.2rem;}
.h-\[4\.7rem\]{height:4.7rem;}
.h-\[44rem\]{height:44rem;}
.h-\[46\.6rem\]{height:46.6rem;}
.h-\[5\.2rem\]{height:5.2rem;}
.h-\[5\.4rem\]{height:5.4rem;}
.h-\[5\.6rem\]{height:5.6rem;}
.h-\[5\.7rem\]{height:5.7rem;}
.h-\[6\.7rem\]{height:6.7rem;}
.h-\[6\.8rem\]{height:6.8rem;}
.h-\[6\.9rem\]{height:6.9rem;}
.h-\[6rem\]{height:6rem;}
.h-\[72rem\]{height:72rem;}
.h-\[78rem\]{height:78rem;}
.h-\[9\.7rem\]{height:9.7rem;}
.h-0{height:0;}
.h-auto{height:auto;}
.h-full{height:100%;}
.h442{height:110.5rem;}
.max-w-\[100rem\]{max-width:100rem;}
.max-w-\[112rem\]{max-width:112rem;}
.max-w-\[117\.8rem\]{max-width:117.8rem;}
.max-w-\[118\.2rem\]{max-width:118.2rem;}
.max-w-\[137\.1rem\]{max-width:137.1rem;}
.max-w-\[140rem\]{max-width:140rem;}
.max-w-\[27\.5rem\]{max-width:27.5rem;}
.max-w-\[31\.2rem\]{max-width:31.2rem;}
.max-w-\[34\.7rem\]{max-width:34.7rem;}
.max-w-\[74\.3rem\]{max-width:74.3rem;}
.max-w-\[79\.2rem\]{max-width:79.2rem;}
.max-w-\[80\.8rem\]{max-width:80.8rem;}
.max-w-\[85rem\]{max-width:85rem;}
.min-h-\[100dvh\]{min-height:100dvh;}
.min-h-\[100svh\]{min-height:100svh;}
.min-h-\[103rem\]{min-height:103rem;}
.min-h-full{min-height:100%;}
.min-w-0{min-width:0;}
.w-\[1\.3rem\]{width:1.3rem;}
.w-\[1\.5rem\]{width:1.5rem;}
.w-\[11\.7rem\]{width:11.7rem;}
.w-\[11rem\]{width:11rem;}
.w-\[13\.9rem\]{width:13.9rem;}
.w-\[14\.6rem\]{width:14.6rem;}
.w-\[14\.9rem\]{width:14.9rem;}
.w-\[17rem\]{width:17rem;}
.w-\[189rem\]{width:189rem;}
.w-\[19\.7rem\]{width:19.7rem;}
.w-\[1rem\]{width:1rem;}
.w-\[2\.1rem\]{width:2.1rem;}
.w-\[2\.2rem\]{width:2.2rem;}
.w-\[2\.4rem\]{width:2.4rem;}
.w-\[23\.2rem\]{width:23.2rem;}
.w-\[24rem\]{width:24rem;}
.w-\[28\.1rem\]{width:28.1rem;}
.w-\[29\.1rem\]{width:29.1rem;}
.w-\[2rem\]{width:2rem;}
.w-\[3\.3rem\]{width:3.3rem;}
.w-\[3\.4rem\]{width:3.4rem;}
.w-\[3\.5rem\]{width:3.5rem;}
.w-\[33\.1rem\]{width:33.1rem;}
.w-\[33\.8rem\]{width:33.8rem;}
.w-\[4\.2rem\]{width:4.2rem;}
.w-\[4\.7rem\]{width:4.7rem;}
.w-\[5\.7rem\]{width:5.7rem;}
.w-\[5rem\]{width:5rem;}
.w-\[6rem\]{width:6rem;}
.w-\[72rem\]{width:72rem;}
.w-\[78rem\]{width:78rem;}
.w-\[80\.7rem\]{width:80.7rem;}
.w-\[9\.1rem\]{width:9.1rem;}
.w-\[9\.4rem\]{width:9.4rem;}
.w-\[94\.7rem\]{width:94.7rem;}
.w-auto{width:auto;}
.w-full{width:100%;}
.w\[l\]{width:l;}
.flex{display:flex;}
.inline-flex{display:inline-flex;}
.flex-1{flex:1 1 0%;}
.flex-shrink-0{flex-shrink:0;}
.flex-col{flex-direction:column;}
.-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.-translate-y-1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.translate-y-0{--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.translate-y-1\/2{--un-translate-y:50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.translate-y-8{--un-translate-y:2rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.cursor-pointer{cursor:pointer;}
.cursor-text{cursor:text;}
.resize{resize:both;}
.items-start{align-items:flex-start;}
.items-end{align-items:flex-end;}
.items-center{align-items:center;}
.items-baseline{align-items:baseline;}
.items-stretch{align-items:stretch;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.gap-\[0\.3rem\]{gap:0.3rem;}
.gap-\[0\.8rem\]{gap:0.8rem;}
.gap-\[1\.2rem\]{gap:1.2rem;}
.gap-\[1\.4rem\]{gap:1.4rem;}
.gap-\[1\.5rem\]{gap:1.5rem;}
.gap-\[1\.6rem\]{gap:1.6rem;}
.gap-\[1rem\]{gap:1rem;}
.gap-\[2\.6rem\]{gap:2.6rem;}
.gap-\[2rem\]{gap:2rem;}
.gap-\[3rem\]{gap:3rem;}
.gap-x-\[2rem\]{column-gap:2rem;}
.gap-y-\[3\.5rem\]{row-gap:3.5rem;}
.space-y-\[1\.2rem\]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.2rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.2rem * var(--un-space-y-reverse));}
.space-y-\[1\.5rem\]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.5rem * var(--un-space-y-reverse));}
.space-y-\[1\.6rem\]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.6rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.6rem * var(--un-space-y-reverse));}
.overflow-hidden{overflow:hidden;}
.overflow-x-hidden{overflow-x:hidden;}
.overflow-y-auto{overflow-y:auto;}
.whitespace-nowrap{white-space:nowrap;}
.border-0{border-width:0px;}
.border-1px{border-width:1px;}
.border-2px{border-width:2px;}
.border-b-1px{border-bottom-width:1px;}
.border-b-2px{border-bottom-width:2px;}
.border-t-1px{border-top-width:1px;}
.border-fnh-lime{--un-border-opacity:1;border-color:rgb(153 182 67 / var(--un-border-opacity));}
.border-white{--un-border-opacity:1;border-color:rgb(255 255 255 / var(--un-border-opacity));}
.border-b-current{border-bottom-color:currentColor;}
.border-b-fnh-blue\/25{border-bottom-color:rgb(27 65 100 / 0.25);}
.border-t-fnh-blue\/25{border-top-color:rgb(27 65 100 / 0.25);}
.border-t-fnh-green\/30{border-top-color:rgb(56 108 95 / 0.3);}
.border-t-fnh-lime\/30{border-top-color:rgb(153 182 67 / 0.3);}
.rounded-\[0\.4rem\]{border-radius:0.4rem;}
.rounded-\[1\.2rem\]{border-radius:1.2rem;}
.rounded-\[1\.7rem\]{border-radius:1.7rem;}
.rounded-\[1rem\]{border-radius:1rem;}
.rounded-\[2\.4rem\]{border-radius:2.4rem;}
.rounded-\[2rem\]{border-radius:2rem;}
.rounded-\[3rem\]{border-radius:3rem;}
.rounded-full{border-radius:9999px;}
.rounded-none{border-radius:0;}
.border-solid{border-style:solid;}
.border-b-solid{border-bottom-style:solid;}
.border-t-solid{border-top-style:solid;}
.bg-\[\#123b31\],
.bg-fnh-greendark{--un-bg-opacity:1;background-color:rgb(18 59 49 / var(--un-bg-opacity)) /* #123b31 */;}
.bg-\[\#f4f3f0\],
.bg-fnh-cream{--un-bg-opacity:1;background-color:rgb(244 243 240 / var(--un-bg-opacity)) /* #f4f3f0 */;}
.bg-black\/20{background-color:rgb(0 0 0 / 0.2) /* #000 */;}
.bg-black\/60{background-color:rgb(0 0 0 / 0.6) /* #000 */;}
.bg-fnh-blue{--un-bg-opacity:1;background-color:rgb(27 65 100 / var(--un-bg-opacity)) /* #1b4164 */;}
.bg-fnh-cream2{--un-bg-opacity:1;background-color:rgb(253 245 240 / var(--un-bg-opacity)) /* #fdf5f0 */;}
.bg-fnh-cream2\/92{background-color:rgb(253 245 240 / 0.92) /* #fdf5f0 */;}
.bg-fnh-green{--un-bg-opacity:1;background-color:rgb(56 108 95 / var(--un-bg-opacity)) /* #386c5f */;}
.bg-fnh-lime{--un-bg-opacity:1;background-color:rgb(153 182 67 / var(--un-bg-opacity)) /* #99b643 */;}
.bg-fnh-mint{--un-bg-opacity:1;background-color:rgb(199 227 205 / var(--un-bg-opacity)) /* #c7e3cd */;}
.bg-fnh-mint\/30{background-color:rgb(199 227 205 / 0.3) /* #c7e3cd */;}
.bg-fnh-mint\/50{background-color:rgb(199 227 205 / 0.5) /* #c7e3cd */;}
.bg-fnh-orange{--un-bg-opacity:1;background-color:rgb(244 89 5 / var(--un-bg-opacity)) /* #f45905 */;}
.bg-fnh-red{--un-bg-opacity:1;background-color:rgb(255 71 82 / var(--un-bg-opacity)) /* #ff4752 */;}
.bg-transparent{background-color:transparent /* transparent */;}
.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity)) /* #fff */;}
.hover\:bg-fnh-orange:hover{--un-bg-opacity:1;background-color:rgb(244 89 5 / var(--un-bg-opacity)) /* #f45905 */;}
.hover\:bg-white\/10:hover{background-color:rgb(255 255 255 / 0.1) /* #fff */;}
.object-cover{object-fit:cover;}
.object-contain{object-fit:contain;}
.object-center{object-position:center;}
.object-top{object-position:top;}
.p-\[1\.4rem\]{padding:1.4rem;}
.p-\[3rem\]{padding:3rem;}
.p-0{padding:0;}
.p\[\'bg\'\]{padding:'bg';}
.p\[\'cut\'\]{padding:'cut';}
.p\[\'cutpos\'\]{padding:'cutpos';}
.p\[\'images\'\]{padding:'images';}
.p\[\'items\'\]{padding:'items';}
.p\[\'jour\'\]{padding:'jour';}
.p\[\'montant\'\]{padding:'montant';}
.p\[\'n\'\]{padding:'n';}
.p\[\'titre\'\]{padding:'titre';}
.px,
.px-\[1rem\]{padding-left:1rem;padding-right:1rem;}
.px-\[1\.2rem\]{padding-left:1.2rem;padding-right:1.2rem;}
.px-\[1\.6rem\]{padding-left:1.6rem;padding-right:1.6rem;}
.px-\[11\.9rem\]{padding-left:11.9rem;padding-right:11.9rem;}
.px-\[2\.2rem\]{padding-left:2.2rem;padding-right:2.2rem;}
.px-\[2\.3rem\]{padding-left:2.3rem;padding-right:2.3rem;}
.px-\[2\.4rem\]{padding-left:2.4rem;padding-right:2.4rem;}
.px-\[2\.6rem\]{padding-left:2.6rem;padding-right:2.6rem;}
.px-\[2\.8rem\]{padding-left:2.8rem;padding-right:2.8rem;}
.px-\[2rem\]{padding-left:2rem;padding-right:2rem;}
.px-\[3\.4rem\]{padding-left:3.4rem;padding-right:3.4rem;}
.px-\[7rem\]{padding-left:7rem;padding-right:7rem;}
.py-\[0\.3rem\]{padding-top:0.3rem;padding-bottom:0.3rem;}
.py-\[0\.5rem\]{padding-top:0.5rem;padding-bottom:0.5rem;}
.py-\[5rem\]{padding-top:5rem;padding-bottom:5rem;}
.py-\[6rem\]{padding-top:6rem;padding-bottom:6rem;}
.py-\[7rem\]{padding-top:7rem;padding-bottom:7rem;}
.pb-\[0\]{padding-bottom:0;}
.pb-\[1\.6rem\]{padding-bottom:1.6rem;}
.pb-\[2\.8rem\]{padding-bottom:2.8rem;}
.pb-\[3\.2rem\]{padding-bottom:3.2rem;}
.pb-\[3\.6rem\]{padding-bottom:3.6rem;}
.pb-\[3rem\]{padding-bottom:3rem;}
.pb-\[6rem\]{padding-bottom:6rem;}
.pt-\[0\.8rem\]{padding-top:0.8rem;}
.pt-\[2\.5rem\]{padding-top:2.5rem;}
.pt-\[2rem\]{padding-top:2rem;}
.pt-\[3rem\]{padding-top:3rem;}
.pt-\[6rem\]{padding-top:6rem;}
.pt-\[7rem\]{padding-top:7rem;}
.text-center{text-align:center;}
.text-\[1\.4rem\]{font-size:1.4rem;}
.text-\[1\.5rem\]{font-size:1.5rem;}
.text-\[1\.6rem\]{font-size:1.6rem;}
.text-\[1\.7rem\]{font-size:1.7rem;}
.text-\[1\.8rem\]{font-size:1.8rem;}
.text-\[2\.2rem\]{font-size:2.2rem;}
.text-\[2\.4rem\]{font-size:2.4rem;}
.text-\[2\.6rem\]{font-size:2.6rem;}
.text-\[2\.8rem\]{font-size:2.8rem;}
.text-\[2rem\]{font-size:2rem;}
.text-\[3\.4rem\]{font-size:3.4rem;}
.text-\[3\.6rem\]{font-size:3.6rem;}
.text-\[3rem\]{font-size:3rem;}
.text-\[4\.8rem\]{font-size:4.8rem;}
.text-\[7\.8rem\]{font-size:7.8rem;}
.text-\[8\.8rem\]{font-size:8.8rem;}
.text-black{--un-text-opacity:1;color:rgb(0 0 0 / var(--un-text-opacity)) /* #000 */;}
.text-fnh-blue{--un-text-opacity:1;color:rgb(27 65 100 / var(--un-text-opacity)) /* #1b4164 */;}
.text-fnh-cream{--un-text-opacity:1;color:rgb(244 243 240 / var(--un-text-opacity)) /* #f4f3f0 */;}
.text-fnh-cream\/80{color:rgb(244 243 240 / 0.8) /* #f4f3f0 */;}
.text-fnh-green{--un-text-opacity:1;color:rgb(56 108 95 / var(--un-text-opacity)) /* #386c5f */;}
.text-fnh-greendark{--un-text-opacity:1;color:rgb(18 59 49 / var(--un-text-opacity)) /* #123b31 */;}
.text-fnh-lime{--un-text-opacity:1;color:rgb(153 182 67 / var(--un-text-opacity)) /* #99b643 */;}
.text-fnh-red{--un-text-opacity:1;color:rgb(255 71 82 / var(--un-text-opacity)) /* #ff4752 */;}
.text-fnh-text{--un-text-opacity:1;color:rgb(50 50 50 / var(--un-text-opacity)) /* #323232 */;}
.text-white{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity)) /* #fff */;}
.font-black{font-weight:900;}
.font-medium{font-weight:500;}
.font-normal{font-weight:400;}
.leading-\[1\.05\]{line-height:1.05;}
.leading-\[1\.1\]{line-height:1.1;}
.leading-\[1\.12\]{line-height:1.12;}
.leading-\[1\.15\]{line-height:1.15;}
.leading-\[1\.2\]{line-height:1.2;}
.leading-\[1\.25\]{line-height:1.25;}
.leading-\[1\.4\]{line-height:1.4;}
.leading-\[1\.5\]{line-height:1.5;}
.leading-\[1\.6\]{line-height:1.6;}
.leading-none{line-height:1;}
.tracking-wide{letter-spacing:0.025em;}
.font-brandon{font-family:Brandon Grotesque,Montserrat,sans-serif;}
.uppercase{text-transform:uppercase;}
.hover\:underline:hover{text-decoration-line:underline;}
.no-underline{text-decoration:none;}
.opacity-0{opacity:0;}
.opacity-100{opacity:1;}
.opacity-20{opacity:0.2;}
.hover\:opacity-70:hover{opacity:0.7;}
.outline-none{outline:2px solid transparent;outline-offset:2px;}
.backdrop-blur-\[10px\]{--un-backdrop-blur:blur(10px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
.backdrop-blur-\[12px\]{--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
.hover\:brightness-110:hover{--un-brightness:brightness(1.1);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
.hover\:brightness-95:hover{--un-brightness:brightness(0.95);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.duration-200{transition-duration:200ms;}
.duration-300{transition-duration:300ms;}
.ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}
.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}
@media (max-width: 999px) and (orientation: portrait){
.mobile\:-top-\[7\.4rem\]{top:-7.4rem;}
.mobile\:-top-\[7\.7rem\]{top:-7.7rem;}
.mobile\:-top-\[7rem\]{top:-7rem;}
.mobile\:left-\[0\.4rem\]{left:0.4rem;}
.mobile\:left-\[1\.2rem\]{left:1.2rem;}
.mobile\:left-\[5rem\]{left:5rem;}
.mobile\:mt-\[5\.5rem\]{margin-top:5.5rem;}
.mobile\:h-\[1\.1rem\]{height:1.1rem;}
.mobile\:h-\[17\.4rem\]{height:17.4rem;}
.mobile\:h-\[19\.7rem\]{height:19.7rem;}
.mobile\:h-\[21\.5rem\]{height:21.5rem;}
.mobile\:h-\[2rem\]{height:2rem;}
.mobile\:h-\[4\.8rem\]{height:4.8rem;}
.mobile\:w-\[1\.1rem\]{width:1.1rem;}
.mobile\:w-\[11rem\]{width:11rem;}
.mobile\:w-\[18\.6rem\]{width:18.6rem;}
.mobile\:w-\[26\.5rem\]{width:26.5rem;}
.mobile\:w-\[27rem\]{width:27rem;}
.mobile\:w-\[2rem\]{width:2rem;}
.mobile\:w-\[7\.2rem\]{width:7.2rem;}
.mobile\:w-\[7\.4rem\]{width:7.4rem;}
.mobile\:w-\[9\.2rem\]{width:9.2rem;}
.mobile\:gap-\[0\.9rem\]{gap:0.9rem;}
.mobile\:gap-\[8rem\]{gap:8rem;}
.mobile\:px-\[0\.9rem\]{padding-left:0.9rem;padding-right:0.9rem;}
.mobile\:px-\[2\.3rem\]{padding-left:2.3rem;padding-right:2.3rem;}
.mobile\:pb-\[11rem\]{padding-bottom:11rem;}
.mobile\:pt-\[4rem\]{padding-top:4rem;}
.mobile\:text-\[1\.3rem\]{font-size:1.3rem;}
.mobile\:text-\[1\.5rem\]{font-size:1.5rem;}
.mobile\:text-\[1\.6rem\]{font-size:1.6rem;}
.mobile\:text-\[1\.7rem\]{font-size:1.7rem;}
.mobile\:text-\[1\.8rem\]{font-size:1.8rem;}
.mobile\:text-\[1\.9rem\]{font-size:1.9rem;}
.mobile\:text-\[6\.4rem\]{font-size:6.4rem;}
}
@media (min-width: 1000px), (orientation: landscape){
.desktop\:\[border-radius\:2\.4rem_2\.4rem_2\.4rem_12rem\]{border-radius:2.4rem 2.4rem 2.4rem 12rem;}
.desktop\:absolute{position:absolute;}
.desktop\:left-\[7rem\]{left:7rem;}
.desktop\:top-\[15\.2rem\]{top:15.2rem;}
.desktop\:grid{display:grid;}
.desktop\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.desktop\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.desktop\:mx-0{margin-left:0;margin-right:0;}
.desktop\:my-\[3rem\]{margin-top:3rem;margin-bottom:3rem;}
.desktop\:-mt-\[25rem\]{margin-top:-25rem;}
.desktop\:mb-\[1\.7rem\]{margin-bottom:1.7rem;}
.desktop\:mb-\[3\.1rem\]{margin-bottom:3.1rem;}
.desktop\:mb-\[3\.2rem\]{margin-bottom:3.2rem;}
.desktop\:mb-\[4rem\]{margin-bottom:4rem;}
.desktop\:ml-\[13\.7rem\]{margin-left:13.7rem;}
.desktop\:ml-\[16\.8rem\]{margin-left:16.8rem;}
.desktop\:ml-\[5rem\]{margin-left:5rem;}
.desktop\:mt-\[12\.2rem\]{margin-top:12.2rem;}
.desktop\:mt-\[18rem\]{margin-top:18rem;}
.desktop\:mt-\[5rem\]{margin-top:5rem;}
.desktop\:mt-\[6\.7rem\]{margin-top:6.7rem;}
.desktop\:mt-\[9rem\]{margin-top:9rem;}
.desktop\:mt-0{margin-top:0;}
.desktop\:inline{display:inline;}
.desktop\:block{display:block;}
.desktop\:hidden{display:none;}
.desktop\:h-\[13\.9rem\]{height:13.9rem;}
.desktop\:h-\[4\.8rem\]{height:4.8rem;}
.desktop\:h-\[60\.9rem\]{height:60.9rem;}
.desktop\:h-\[64\.5rem\]{height:64.5rem;}
.desktop\:min-h-\[70\.9rem\]{min-height:70.9rem;}
.desktop\:min-h-\[95rem\]{min-height:95rem;}
.desktop\:min-h-0{min-height:0;}
.desktop\:w-\[13\.9rem\]{width:13.9rem;}
.desktop\:w-\[23rem\]{width:23rem;}
.desktop\:w-\[27\.8rem\]{width:27.8rem;}
.desktop\:w-\[34\.4rem\]{width:34.4rem;}
.desktop\:w-\[34\.8rem\]{width:34.8rem;}
.desktop\:w-\[4\.8rem\]{width:4.8rem;}
.desktop\:w-\[51\.6rem\]{width:51.6rem;}
.desktop\:w-\[63rem\]{width:63rem;}
.desktop\:w-\[67\.6rem\]{width:67.6rem;}
.desktop\:w-\[71\.6rem\]{width:71.6rem;}
.desktop\:flex{display:flex;}
.desktop\:flex-shrink-0{flex-shrink:0;}
.desktop\:flex-row{flex-direction:row;}
.desktop\:translate-y-0{--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.desktop\:scale-100{--un-scale-x:1;--un-scale-y:1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.desktop\:scale-95{--un-scale-x:0.95;--un-scale-y:0.95;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.desktop\:items-start{align-items:flex-start;}
.desktop\:items-center{align-items:center;}
.desktop\:justify-center{justify-content:center;}
.desktop\:justify-between{justify-content:space-between;}
.desktop\:gap-\[4\.4rem\]{gap:4.4rem;}
.desktop\:gap-\[6rem\]{gap:6rem;}
.desktop\:space-y-\[1\.6rem\]>:not([hidden])~:not([hidden]){--un-space-y-reverse:0;margin-top:calc(1.6rem * calc(1 - var(--un-space-y-reverse)));margin-bottom:calc(1.6rem * var(--un-space-y-reverse));}
.desktop\:rounded-\[2rem\]{border-radius:2rem;}
.desktop\:p-\[2rem\]{padding:2rem;}
.desktop\:p-0{padding:0;}
.desktop\:px-\[5\.4rem\]{padding-left:5.4rem;padding-right:5.4rem;}
.desktop\:px-\[5rem\]{padding-left:5rem;padding-right:5rem;}
.desktop\:px-\[6rem\]{padding-left:6rem;padding-right:6rem;}
.desktop\:px-\[7rem\]{padding-left:7rem;padding-right:7rem;}
.desktop\:py-\[7rem\]{padding-top:7rem;padding-bottom:7rem;}
.desktop\:py-\[9rem\]{padding-top:9rem;padding-bottom:9rem;}
.desktop\:pb-\[10rem\]{padding-bottom:10rem;}
.desktop\:pb-\[3rem\]{padding-bottom:3rem;}
.desktop\:pb-\[5rem\]{padding-bottom:5rem;}
.desktop\:pt-\[3\.4rem\]{padding-top:3.4rem;}
.desktop\:pt-\[3rem\]{padding-top:3rem;}
.desktop\:pt-\[8\.4rem\]{padding-top:8.4rem;}
.desktop\:pt-\[9rem\]{padding-top:9rem;}
.desktop\:text-left{text-align:left;}
.desktop\:text-right{text-align:right;}
.desktop\:text-\[2\.4rem\]{font-size:2.4rem;}
.desktop\:text-\[2\.6rem\]{font-size:2.6rem;}
.desktop\:text-\[2rem\]{font-size:2rem;}
.desktop\:text-\[3\.6rem\]{font-size:3.6rem;}
.desktop\:text-\[4\.8rem\]{font-size:4.8rem;}
.desktop\:text-\[7\.8rem\]{font-size:7.8rem;}
.desktop\:leading-\[1\.5\]{line-height:1.5;}
}