@font-face{
  font-family:'PoliceTitre';
  src:url('police-titre.woff2') format('woff2');
  font-weight:400 700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'PoliceLibelle';
  src:url('police-libelle.woff2') format('woff2');
  font-weight:400 700;font-style:normal;font-display:swap;
}

:root{
  --fond:#F7F5EF;              /* la neige tassée */
  --fond-alt:#E8E4D9;          /* la pierre claire */
  --carte:#FEFDFA;
  --encre:#16231D;
  --encre-douce:#4C594F;
  --marque:#A62F27;            /* le rouge des volets et des bancs */
  --marque-fonce:#87231D;
  --nuit:#132420;              /* le sapin profond, la nuit en montagne */
  --nuit-2:#0B1613;
  --creme:#F4F1E8;
  --creme-doux:#B4C0B4;
  --laiton:#F0BE2A;            /* ⚠ ici, « laiton » = LE JAUNE DU PANNEAU DE SENTIER */
  --laiton-clair:#F8DC86;
  --bois:#C6905C;              /* bois brûlé de soleil — filets seulement, jamais de texte */
  --pierre:#8B978D;
  --filet:#D6D2C6;

  --police-titre:'PoliceTitre',Rockwell,"Roboto Slab","Courier New",Georgia,serif;
  --police-libelle:'PoliceLibelle',"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --police-texte:var(--police-libelle);

  --rayon:14px;
  --rayon-bouton:10px;
  --largeur:1140px;
  --gouttiere:clamp(1rem,3vw,2.2rem);

  --ombre:0 2px 6px rgba(11,22,19,.10), 0 24px 60px -28px rgba(11,22,19,.38);
  --ombre-haute:0 4px 10px rgba(11,22,19,.14), 0 40px 80px -32px rgba(11,22,19,.5);
  --ombre-nuit:0 2px 8px rgba(0,0,0,.32), 0 30px 70px -30px rgba(0,0,0,.7);

  --topo-encre:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1040" height="520" viewBox="0 0 1040 520"><g fill="none" stroke="%238B978D" stroke-opacity=".17" stroke-width="1.6"><path d="M0 15.9 C 34.7 19 69.3 23.8 104 28.1 C 138.7 32.4 173.3 36 208 37.2 C 242.7 38.4 277.3 37.2 312 34.3 C 346.7 31.3 381.3 26.9 416 23.3 C 450.7 19.6 485.3 16.9 520 15.9 C 554.7 14.9 589.3 15.5 624 16.5 C 658.7 17.4 693.3 18.5 728 18.5 C 762.7 18.4 797.3 17.1 832 15.5 C 866.7 13.9 901.3 12 936 11.7 C 970.7 11.4 1005.3 12.7 1040 15.9"/><path d="M0 63.2 C 34.7 66.6 69.3 71.2 104 74.9 C 138.7 78.7 173.3 81.4 208 81.8 C 242.7 82.1 277.3 80.1 312 76.6 C 346.7 73.2 381.3 68.5 416 64.7 C 450.7 60.9 485.3 58.1 520 57 C 554.7 56 589.3 56.5 624 57.3 C 658.7 58.2 693.3 59.2 728 59.4 C 762.7 59.6 797.3 58.9 832 58 C 866.7 57.2 901.3 56.4 936 57 C 970.7 57.6 1005.3 59.7 1040 63.2"/><path d="M0 107.1 C 34.7 108.9 69.3 111.8 104 114.7 C 138.7 117.7 173.3 120.6 208 121.8 C 242.7 123 277.3 122.5 312 120.2 C 346.7 118 381.3 114.1 416 110.2 C 450.7 106.3 485.3 102.6 520 100.4 C 554.7 98.3 589.3 97.7 624 98.2 C 658.7 98.8 693.3 100.4 728 101.8 C 762.7 103.1 797.3 104 832 104.3 C 866.7 104.6 901.3 104.4 936 104.5 C 970.7 104.6 1005.3 105.3 1040 107.1"/><path d="M0 149.3 C 34.7 150.2 69.3 152.2 104 154.5 C 138.7 156.9 173.3 159.5 208 161.2 C 242.7 162.8 277.3 163.3 312 162.2 C 346.7 161.2 381.3 158.6 416 155.6 C 450.7 152.6 485.3 149.3 520 147.1 C 554.7 144.9 589.3 143.8 624 143.9 C 658.7 143.9 693.3 145 728 146.1 C 762.7 147.1 797.3 148.1 832 148.4 C 866.7 148.8 901.3 148.5 936 148.4 C 970.7 148.2 1005.3 148.3 1040 149.3"/><path d="M0 190.2 C 34.7 191.8 69.3 194.5 104 197.3 C 138.7 200.1 173.3 202.8 208 204.3 C 242.7 205.7 277.3 205.7 312 204.5 C 346.7 203.2 381.3 200.8 416 198.4 C 450.7 196 485.3 193.8 520 192.5 C 554.7 191.3 589.3 191 624 191.2 C 658.7 191.5 693.3 192 728 192.1 C 762.7 192.2 797.3 191.7 832 190.9 C 866.7 190.1 901.3 189 936 188.6 C 970.7 188.2 1005.3 188.6 1040 190.2"/><path d="M0 231.9 C 34.7 234.5 69.3 238.4 104 241.9 C 138.7 245.3 173.3 248.2 208 249.3 C 242.7 250.5 277.3 249.9 312 248.3 C 346.7 246.7 381.3 244.1 416 242 C 450.7 239.9 485.3 238.3 520 237.6 C 554.7 237 589.3 237.1 624 237.1 C 658.7 237.1 693.3 236.9 728 235.9 C 762.7 234.9 797.3 233.1 832 231.3 C 866.7 229.6 901.3 228.1 936 228 C 970.7 227.8 1005.3 229.2 1040 231.9"/><path d="M0 273.7 C 34.7 276.4 69.3 280.7 104 285.1 C 138.7 289.4 173.3 293.5 208 295.6 C 242.7 297.7 277.3 297.7 312 295.9 C 346.7 294.1 381.3 290.6 416 287.3 C 450.7 283.9 485.3 280.9 520 279.2 C 554.7 277.5 589.3 277.1 624 277.3 C 658.7 277.4 693.3 277.9 728 277.5 C 762.7 277.2 797.3 276 832 274.5 C 866.7 273 901.3 271.2 936 270.7 C 970.7 270.2 1005.3 271.1 1040 273.7"/><path d="M0 319.6 C 34.7 320.9 69.3 324 104 327.8 C 138.7 331.6 173.3 336.1 208 338.9 C 242.7 341.7 277.3 342.7 312 341.3 C 346.7 339.9 381.3 336 416 331.5 C 450.7 327 485.3 322.1 520 318.9 C 554.7 315.7 589.3 314.2 624 314.4 C 658.7 314.6 693.3 316.3 728 317.8 C 762.7 319.4 797.3 320.5 832 320.6 C 866.7 320.8 901.3 319.8 936 319.2 C 970.7 318.5 1005.3 318.2 1040 319.6"/><path d="M0 364.7 C 34.7 366 69.3 368.9 104 372.4 C 138.7 375.9 173.3 379.7 208 381.7 C 242.7 383.6 277.3 383.7 312 381.5 C 346.7 379.3 381.3 374.9 416 370.5 C 450.7 366.1 485.3 361.8 520 359.5 C 554.7 357.2 589.3 356.9 624 358.1 C 658.7 359.3 693.3 361.8 728 363.7 C 762.7 365.6 797.3 366.8 832 366.7 C 866.7 366.7 901.3 365.5 936 364.6 C 970.7 363.7 1005.3 363.4 1040 364.7"/><path d="M0 408.7 C 34.7 411.2 69.3 415 104 418.2 C 138.7 421.4 173.3 424 208 424.4 C 242.7 424.8 277.3 423 312 420 C 346.7 417 381.3 412.8 416 409.7 C 450.7 406.6 485.3 404.5 520 404.2 C 554.7 403.9 589.3 405.2 624 406.7 C 658.7 408.3 693.3 409.9 728 410.4 C 762.7 410.8 797.3 410 832 408.8 C 866.7 407.5 901.3 405.9 936 405.6 C 970.7 405.3 1005.3 406.3 1040 408.7"/><path d="M0 451.6 C 34.7 454 69.3 457.6 104 460.7 C 138.7 463.8 173.3 466.3 208 466.9 C 242.7 467.5 277.3 466.2 312 463.8 C 346.7 461.4 381.3 457.9 416 455.2 C 450.7 452.5 485.3 450.6 520 450 C 554.7 449.4 589.3 450 624 450.9 C 658.7 451.7 693.3 452.5 728 452.5 C 762.7 452.5 797.3 451.6 832 450.4 C 866.7 449.3 901.3 448 936 448 C 970.7 447.9 1005.3 449.2 1040 451.6"/><path d="M0 492.7 C 34.7 494.4 69.3 497.4 104 500.6 C 138.7 503.9 173.3 507.3 208 509.4 C 242.7 511.6 277.3 512.3 312 511.3 C 346.7 510.3 381.3 507.7 416 504.7 C 450.7 501.8 485.3 498.6 520 496.4 C 554.7 494.1 589.3 492.9 624 492.6 C 658.7 492.2 693.3 492.5 728 492.7 C 762.7 492.9 797.3 492.8 832 492.3 C 866.7 491.8 901.3 490.9 936 490.7 C 970.7 490.5 1005.3 491 1040 492.7"/></g></svg>');
  --topo-clair:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1040" height="520" viewBox="0 0 1040 520"><g fill="none" stroke="%23D6D2C6" stroke-opacity=".085" stroke-width="1.6"><path d="M0 15.9 C 34.7 19 69.3 23.8 104 28.1 C 138.7 32.4 173.3 36 208 37.2 C 242.7 38.4 277.3 37.2 312 34.3 C 346.7 31.3 381.3 26.9 416 23.3 C 450.7 19.6 485.3 16.9 520 15.9 C 554.7 14.9 589.3 15.5 624 16.5 C 658.7 17.4 693.3 18.5 728 18.5 C 762.7 18.4 797.3 17.1 832 15.5 C 866.7 13.9 901.3 12 936 11.7 C 970.7 11.4 1005.3 12.7 1040 15.9"/><path d="M0 63.2 C 34.7 66.6 69.3 71.2 104 74.9 C 138.7 78.7 173.3 81.4 208 81.8 C 242.7 82.1 277.3 80.1 312 76.6 C 346.7 73.2 381.3 68.5 416 64.7 C 450.7 60.9 485.3 58.1 520 57 C 554.7 56 589.3 56.5 624 57.3 C 658.7 58.2 693.3 59.2 728 59.4 C 762.7 59.6 797.3 58.9 832 58 C 866.7 57.2 901.3 56.4 936 57 C 970.7 57.6 1005.3 59.7 1040 63.2"/><path d="M0 107.1 C 34.7 108.9 69.3 111.8 104 114.7 C 138.7 117.7 173.3 120.6 208 121.8 C 242.7 123 277.3 122.5 312 120.2 C 346.7 118 381.3 114.1 416 110.2 C 450.7 106.3 485.3 102.6 520 100.4 C 554.7 98.3 589.3 97.7 624 98.2 C 658.7 98.8 693.3 100.4 728 101.8 C 762.7 103.1 797.3 104 832 104.3 C 866.7 104.6 901.3 104.4 936 104.5 C 970.7 104.6 1005.3 105.3 1040 107.1"/><path d="M0 149.3 C 34.7 150.2 69.3 152.2 104 154.5 C 138.7 156.9 173.3 159.5 208 161.2 C 242.7 162.8 277.3 163.3 312 162.2 C 346.7 161.2 381.3 158.6 416 155.6 C 450.7 152.6 485.3 149.3 520 147.1 C 554.7 144.9 589.3 143.8 624 143.9 C 658.7 143.9 693.3 145 728 146.1 C 762.7 147.1 797.3 148.1 832 148.4 C 866.7 148.8 901.3 148.5 936 148.4 C 970.7 148.2 1005.3 148.3 1040 149.3"/><path d="M0 190.2 C 34.7 191.8 69.3 194.5 104 197.3 C 138.7 200.1 173.3 202.8 208 204.3 C 242.7 205.7 277.3 205.7 312 204.5 C 346.7 203.2 381.3 200.8 416 198.4 C 450.7 196 485.3 193.8 520 192.5 C 554.7 191.3 589.3 191 624 191.2 C 658.7 191.5 693.3 192 728 192.1 C 762.7 192.2 797.3 191.7 832 190.9 C 866.7 190.1 901.3 189 936 188.6 C 970.7 188.2 1005.3 188.6 1040 190.2"/><path d="M0 231.9 C 34.7 234.5 69.3 238.4 104 241.9 C 138.7 245.3 173.3 248.2 208 249.3 C 242.7 250.5 277.3 249.9 312 248.3 C 346.7 246.7 381.3 244.1 416 242 C 450.7 239.9 485.3 238.3 520 237.6 C 554.7 237 589.3 237.1 624 237.1 C 658.7 237.1 693.3 236.9 728 235.9 C 762.7 234.9 797.3 233.1 832 231.3 C 866.7 229.6 901.3 228.1 936 228 C 970.7 227.8 1005.3 229.2 1040 231.9"/><path d="M0 273.7 C 34.7 276.4 69.3 280.7 104 285.1 C 138.7 289.4 173.3 293.5 208 295.6 C 242.7 297.7 277.3 297.7 312 295.9 C 346.7 294.1 381.3 290.6 416 287.3 C 450.7 283.9 485.3 280.9 520 279.2 C 554.7 277.5 589.3 277.1 624 277.3 C 658.7 277.4 693.3 277.9 728 277.5 C 762.7 277.2 797.3 276 832 274.5 C 866.7 273 901.3 271.2 936 270.7 C 970.7 270.2 1005.3 271.1 1040 273.7"/><path d="M0 319.6 C 34.7 320.9 69.3 324 104 327.8 C 138.7 331.6 173.3 336.1 208 338.9 C 242.7 341.7 277.3 342.7 312 341.3 C 346.7 339.9 381.3 336 416 331.5 C 450.7 327 485.3 322.1 520 318.9 C 554.7 315.7 589.3 314.2 624 314.4 C 658.7 314.6 693.3 316.3 728 317.8 C 762.7 319.4 797.3 320.5 832 320.6 C 866.7 320.8 901.3 319.8 936 319.2 C 970.7 318.5 1005.3 318.2 1040 319.6"/><path d="M0 364.7 C 34.7 366 69.3 368.9 104 372.4 C 138.7 375.9 173.3 379.7 208 381.7 C 242.7 383.6 277.3 383.7 312 381.5 C 346.7 379.3 381.3 374.9 416 370.5 C 450.7 366.1 485.3 361.8 520 359.5 C 554.7 357.2 589.3 356.9 624 358.1 C 658.7 359.3 693.3 361.8 728 363.7 C 762.7 365.6 797.3 366.8 832 366.7 C 866.7 366.7 901.3 365.5 936 364.6 C 970.7 363.7 1005.3 363.4 1040 364.7"/><path d="M0 408.7 C 34.7 411.2 69.3 415 104 418.2 C 138.7 421.4 173.3 424 208 424.4 C 242.7 424.8 277.3 423 312 420 C 346.7 417 381.3 412.8 416 409.7 C 450.7 406.6 485.3 404.5 520 404.2 C 554.7 403.9 589.3 405.2 624 406.7 C 658.7 408.3 693.3 409.9 728 410.4 C 762.7 410.8 797.3 410 832 408.8 C 866.7 407.5 901.3 405.9 936 405.6 C 970.7 405.3 1005.3 406.3 1040 408.7"/><path d="M0 451.6 C 34.7 454 69.3 457.6 104 460.7 C 138.7 463.8 173.3 466.3 208 466.9 C 242.7 467.5 277.3 466.2 312 463.8 C 346.7 461.4 381.3 457.9 416 455.2 C 450.7 452.5 485.3 450.6 520 450 C 554.7 449.4 589.3 450 624 450.9 C 658.7 451.7 693.3 452.5 728 452.5 C 762.7 452.5 797.3 451.6 832 450.4 C 866.7 449.3 901.3 448 936 448 C 970.7 447.9 1005.3 449.2 1040 451.6"/><path d="M0 492.7 C 34.7 494.4 69.3 497.4 104 500.6 C 138.7 503.9 173.3 507.3 208 509.4 C 242.7 511.6 277.3 512.3 312 511.3 C 346.7 510.3 381.3 507.7 416 504.7 C 450.7 501.8 485.3 498.6 520 496.4 C 554.7 494.1 589.3 492.9 624 492.6 C 658.7 492.2 693.3 492.5 728 492.7 C 762.7 492.9 797.3 492.8 832 492.3 C 866.7 491.8 901.3 490.9 936 490.7 C 970.7 490.5 1005.3 491 1040 492.7"/></g></svg>');

  --grain-a-encre:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="132" height="76" viewBox="0 0 132 76"><g fill="none" stroke="%232B302C" stroke-opacity=".09" stroke-width="1.3"><path d="M0 4 q22 20 44 0 q22 20 44 0 q22 20 44 0"/><path d="M-22 42 q22 20 44 0 q22 20 44 0 q22 20 44 0 q22 20 44 0"/><path d="M22 42 V16 M66 42 V16 M110 42 V16 M0 4 V-4 M44 4 V-4 M88 4 V-4 M132 4 V-4 M0 80 V54 M44 80 V54 M88 80 V54 M132 80 V54"/></g></svg>');
  --grain-b-encre:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="132" height="76" viewBox="0 0 132 76"><g fill="none" stroke="%23FFFFFF" stroke-opacity=".38" stroke-width="1.1"><path d="M0 5.4 q22 20 44 0 q22 20 44 0 q22 20 44 0"/><path d="M-22 43.4 q22 20 44 0 q22 20 44 0 q22 20 44 0 q22 20 44 0"/></g></svg>');
  --grain-a-clair:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="132" height="76" viewBox="0 0 132 76"><g fill="none" stroke="%23D6D2C6" stroke-opacity=".10" stroke-width="1.3"><path d="M0 4 q22 20 44 0 q22 20 44 0 q22 20 44 0"/><path d="M-22 42 q22 20 44 0 q22 20 44 0 q22 20 44 0 q22 20 44 0"/><path d="M22 42 V16 M66 42 V16 M110 42 V16 M0 4 V-4 M44 4 V-4 M88 4 V-4 M132 4 V-4 M0 80 V54 M44 80 V54 M88 80 V54 M132 80 V54"/></g></svg>');
  --grain-b-clair:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="132" height="76" viewBox="0 0 132 76"><g fill="none" stroke="%23000000" stroke-opacity=".22" stroke-width="1.1"><path d="M0 5.4 q22 20 44 0 q22 20 44 0 q22 20 44 0"/><path d="M-22 43.4 q22 20 44 0 q22 20 44 0 q22 20 44 0 q22 20 44 0"/></g></svg>');

}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{
  margin:0;
  font-family:var(--police-texte);
  font-size:clamp(1rem,.95rem + .2vw,1.1rem);
  line-height:1.65;
  color:var(--encre);
  background-color:#f7f5ef;background-image:linear-gradient(90deg,
      color-mix(in srgb, var(--pierre) 34%, transparent) 0%,
      color-mix(in srgb, var(--pierre) 10%, transparent) 9%,
      transparent 17%, transparent 83%,
      color-mix(in srgb, var(--pierre) 10%, transparent) 91%,
      color-mix(in srgb, var(--pierre) 34%, transparent) 100%),radial-gradient(120% 60% at 50% -10%, #FFFFFF 0%, transparent 62%);
  -webkit-font-smoothing:antialiased;
}

:root{
  --flancs-nuit:linear-gradient(90deg,
    rgba(11,14,17,.42) 0%,rgba(11,14,17,.12) 22%,
    transparent 42%,transparent 58%,
    rgba(11,14,17,.12) 78%,rgba(11,14,17,.42) 100%);
}
.table,.saison{position:relative;
  background-image:var(--topo-encre);
  background-repeat:repeat;
  background-size:1040px 520px;
  background-position:0 0}
img,svg,video{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--police-titre);line-height:1.14;margin:0 0 .6em;text-wrap:balance}
h1{font-size:clamp(2.6rem,1.6rem + 4.4vw,4.6rem);font-weight:700;letter-spacing:-.015em}
h2{font-size:clamp(1.75rem,1.25rem + 2.2vw,2.7rem);font-weight:700;letter-spacing:-.01em}
h3{font-size:clamp(1.1rem,1.02rem + .4vw,1.3rem);font-weight:700}
p{margin:0 0 1em}
ul,ol,dl{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
main a:not(.bouton):not(.plaque){text-decoration:underline;text-underline-offset:.15em}
main a[href^="tel:"]:not(.bouton):not(.plaque),
main a[href^="mailto:"]:not(.bouton){display:inline-block;padding-block:.25rem}
:focus-visible{outline:3px solid var(--laiton);outline-offset:3px;border-radius:4px}

.dedans,.bande{width:100%;max-width:var(--largeur);margin-inline:auto;
  padding-inline:var(--gouttiere)}

.saut-contenu{position:absolute;top:-6rem;left:.5rem;z-index:50;background:var(--carte);
  color:var(--encre);padding:.6rem 1rem;border-radius:var(--rayon)}
.saut-contenu:focus{top:.5rem}

.ruban{margin:0;padding:.5rem var(--gouttiere);text-align:center;font-size:.85rem;
  color:#fff;background:linear-gradient(90deg,var(--marque-fonce),var(--marque) 55%,var(--marque-fonce))}
.ruban a,.pied a{display:inline-block;padding-block:.2rem;text-decoration:underline}

.bouton{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  min-height:48px;padding:.75rem 1.5rem;border:0;border-radius:var(--rayon-bouton);
  font-family:var(--police-libelle);font-weight:700;font-size:1rem;
  font-variant-numeric:lining-nums tabular-nums;
  text-align:center;cursor:pointer;position:relative;
  transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,filter .22s ease;
}
.bouton--plein{
  color:#fff;
  background:linear-gradient(165deg,var(--marque) 0%,var(--marque-fonce) 100%);
  box-shadow:0 2px 6px rgba(11,22,19,.22), 0 16px 32px -18px rgba(166,47,39,.85),
    inset 0 1px 0 rgba(255,255,255,.22);
}
.bouton--plein:hover,.bouton--plein:focus-visible{filter:saturate(1.06);
  box-shadow:0 4px 10px rgba(11,22,19,.28), 0 26px 46px -18px rgba(166,47,39,.95),
    inset 0 1px 0 rgba(255,255,255,.28)}
.bouton__quoi{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;
  opacity:.92}
.bouton__num{font-size:1.1rem;font-weight:700;font-variant-numeric:lining-nums tabular-nums}
.bouton--plein{flex-direction:column;gap:.05rem;line-height:1.25;padding-block:.65rem}
.bouton--menu{flex-direction:row;min-height:44px;padding:.55rem 1.15rem;font-size:.95rem}
.bouton--verre{
  flex-direction:row;color:var(--creme);
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.3);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  box-shadow:0 2px 8px rgba(0,0,0,.28)}
.bouton--verre:hover,.bouton--verre:focus-visible{
  background:rgba(255,255,255,.2)}

.verre{
  background:color-mix(in srgb, var(--nuit) 86%, transparent);
  backdrop-filter:blur(14px) saturate(1.15);
  -webkit-backdrop-filter:blur(14px) saturate(1.15);
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--rayon);
  box-shadow:var(--ombre-nuit), inset 0 1px 0 rgba(255,255,255,.14);
  color:var(--creme);
}

.entete{position:sticky;top:0;z-index:30;
  background:color-mix(in srgb, var(--fond) 90%, transparent);
  backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1);
  border-bottom:1px solid var(--filet);
  box-shadow:0 1px 0 rgba(255,255,255,.7), 0 12px 28px -22px rgba(11,22,19,.5)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding-block:.7rem;flex-wrap:wrap}
.marque{display:flex;flex-direction:column;line-height:1.12}
.marque__nom{font-family:var(--police-titre);font-weight:700;font-size:1.3rem}
.marque__sous{font-family:var(--police-libelle);font-size:.7rem;color:var(--encre-douce);
  text-transform:uppercase;letter-spacing:.16em;margin-top:.18rem}

#nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
  width:44px;height:44px;padding:0 10px;background:none;border:0;cursor:pointer;
  border-radius:10px}
#nav-toggle:hover{background:rgba(22,35,29,.06)}
.nav-toggle__trait{display:block;height:2.5px;background:var(--encre);border-radius:2px}
@media (min-width:64rem){#nav-toggle{display:none}}

#nav-links{display:flex;flex-direction:column;gap:.15rem;width:100%;padding-block:.4rem}
html.js #nav-links{display:none}
html.js #nav-links.is-open{display:flex}
#nav-links a:not(.bouton){display:block;padding:.7rem .2rem;
  font-family:var(--police-titre);font-size:1.1rem;font-weight:700}
@media (min-width:64rem){
  html.js #nav-links,#nav-links{display:flex;flex-direction:row;align-items:center;
    gap:1.6rem;width:auto;padding-block:0}
  #nav-links a:not(.bouton){padding:.35rem 0;position:relative;font-size:1rem}
  #nav-links a:not(.bouton)::after{content:"";position:absolute;left:0;right:0;bottom:-3px;
    height:3px;border-radius:2px;
    background:linear-gradient(90deg,var(--marque) 0 33%,#fff 33% 66%,var(--marque) 66% 100%);
    transform:scaleX(0);transform-origin:left;transition:transform .26s ease}
  #nav-links a:not(.bouton):hover::after,
  #nav-links a:not(.bouton):focus-visible::after{transform:scaleX(1)}
}

.pastille{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .9rem;
  padding:.34rem .8rem;border-radius:999px;
  font-family:var(--police-libelle);font-size:.7rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.18em;
  color:var(--marque);background:color-mix(in srgb, var(--marque) 10%, var(--carte));
  border:1px solid color-mix(in srgb, var(--marque) 26%, transparent)}
.pastille::before{content:"";width:8px;height:8px;background:var(--marque);
  transform:rotate(45deg)}                    /* le losange du chemin de randonnée */
.pastille--sombre{color:var(--laiton);background:rgba(240,190,42,.12);
  border-color:rgba(240,190,42,.4)}
.pastille--sombre::before{background:var(--laiton)}

.section__entete{position:relative;margin-bottom:clamp(1.6rem,4vw,2.6rem)}
.section__entete::before{content:"";position:absolute;z-index:-1;pointer-events:none;
  left:-8%;top:-40%;width:70%;height:200%;
  background:radial-gradient(50% 50% at 30% 50%,
    color-mix(in srgb, var(--marque) 14%, transparent) 0%, transparent 70%);
  filter:blur(28px)}
.para{color:var(--encre-douce);max-width:56ch}
.para--clair{color:var(--creme-doux);max-width:52ch}
.a-completer{opacity:.62;font-style:italic;font-weight:400;letter-spacing:.01em}

.cadre{margin:0;position:relative;border-radius:var(--rayon);overflow:hidden;
  box-shadow:
    0 1px 0 rgba(255,255,255,.30),
    0 -1px 0 rgba(11,22,19,.30),
    var(--ombre);
  isolation:isolate}
.cadre::after{content:"";position:absolute;inset:0;pointer-events:none;
  border-radius:inherit;
  box-shadow:
    inset 0 3px 6px -3px rgba(11,22,19,.46),
    inset 0 -3px 7px -3px rgba(255,255,255,.34),
    inset 0 0 0 1px rgba(11,22,19,.22)}
.cadre img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}

.brume{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.brume span{position:absolute;display:block;top:-180px;bottom:-180px;
  filter:blur(46px);opacity:.5}
.brume span:first-child{left:-10%;width:48%;
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--creme) 30%, transparent) 0%, transparent 100%);
  animation:derive 34s ease-in-out infinite alternate}
.brume span:last-child{right:-12%;width:44%;
  background:linear-gradient(270deg,
    color-mix(in srgb, var(--bois) 28%, transparent) 0%, transparent 100%);
  animation:derive 46s ease-in-out infinite alternate-reverse}
@keyframes derive{from{transform:translate3d(0,0,0)}
  to{transform:translate3d(6%,0,0)}}

.bandeau{position:relative;overflow:hidden;isolation:isolate;
  background:var(--nuit-2);
  min-height:min(86svh,780px);display:flex;align-items:flex-end;
  padding-block:clamp(3rem,9vw,6rem) clamp(4.5rem,9vw,7rem)}
.bandeau__fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:50% 34%;z-index:0}
.bandeau__voile{position:absolute;inset:0;z-index:1;
  background:
    linear-gradient(96deg,
      color-mix(in srgb, var(--nuit-2) 92%, transparent) 0%,
      color-mix(in srgb, var(--nuit-2) 62%, transparent) 46%,
      color-mix(in srgb, var(--nuit-2) 12%, transparent) 100%),
    linear-gradient(276deg, color-mix(in srgb, var(--nuit-2) 40%, transparent) 0%,
      transparent 46%)}
.bandeau__grille{position:relative;z-index:3;width:100%;max-width:var(--largeur);
  margin-inline:auto;padding-inline:var(--gouttiere)}
.bandeau__panneau{padding:clamp(1.4rem,3.4vw,2.5rem);max-width:44rem}
.bandeau__titre{color:var(--creme);margin-bottom:.5em}
.bandeau__titre span{display:block}
.bandeau__accent{
  background:linear-gradient(100deg,var(--laiton) 0%,var(--laiton-clair) 70%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-fill-color:transparent}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .bandeau__accent{color:var(--laiton);-webkit-text-fill-color:var(--laiton);
    background:none}
}
.bandeau__intro{color:var(--creme);opacity:.94;max-width:48ch;font-size:1.05rem}
.bandeau__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}

.cartouches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;
  margin:1.5rem 0 0;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.18)}
.cartouche{text-align:left}
.cartouche dt{font-size:.66rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.16em;color:var(--laiton)}
.cartouche dd{margin:.15rem 0 0;font-family:var(--police-libelle);font-weight:700;
  font-size:clamp(1.15rem,1rem + .8vw,1.6rem);color:var(--creme);
  font-variant-numeric:lining-nums tabular-nums}

.crete{display:none}

.acces{position:relative;overflow:hidden;isolation:isolate;
  color:var(--creme);
  --crete-h:clamp(38px,5.5vw,80px);
  --crete-profil:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 90" preserveAspectRatio="none"><path d="M0 90 L0 62 L96 44 L168 58 L262 26 L340 47 L438 12 L520 40 L612 22 L700 52 L784 30 L878 58 L960 34 L1058 60 L1140 40 L1232 64 L1320 46 L1440 68 L1440 90 Z" fill="white"/></svg>');
  margin-top:calc(-1 * var(--crete-h));
  -webkit-mask-image:var(--crete-profil),linear-gradient(#000,#000);
          mask-image:var(--crete-profil),linear-gradient(#000,#000);
  -webkit-mask-size:100% var(--crete-h),100% calc(100% - var(--crete-h) + 1px);
          mask-size:100% var(--crete-h),100% calc(100% - var(--crete-h) + 1px);
  -webkit-mask-position:left top,left var(--crete-h);
          mask-position:left top,left var(--crete-h);
  -webkit-mask-repeat:no-repeat,no-repeat;
          mask-repeat:no-repeat,no-repeat;
  background:
    var(--topo-clair) 0 0/1040px 520px repeat,
    var(--flancs-nuit),
    linear-gradient(270deg, color-mix(in srgb, var(--bois) 22%, transparent) 0%, transparent 46%),
    linear-gradient(90deg, var(--nuit-2) 0%, var(--nuit-2) 100%);
  padding-block:calc(clamp(3.5rem,9vw,6.5rem) + var(--crete-h)) clamp(2.6rem,5vw,3.6rem)}
.acces h2{color:var(--creme)}
.acces .section__entete::before{display:none}
.acces__dedans{position:relative;z-index:2;display:grid;gap:clamp(1.8rem,4vw,2.8rem)}
@media (min-width:60rem){
  .acces__dedans{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start}
  .acces__visuel{grid-column:2;grid-row:1}
  .acces__texte{grid-column:1;grid-row:1}
  .profil{grid-column:1 / -1}
  .reperes{grid-column:1 / -1}
}
.acces__visuel img{aspect-ratio:3/4}
@media (max-width:59.99rem){.acces__visuel img{aspect-ratio:16/10}}

.panneaux{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;
  margin-top:1.6rem}
.panneau{
  display:flex;align-items:center;gap:.75rem;margin:0;
  min-height:48px;padding:.55rem 2.4rem .55rem 1rem;
  background:linear-gradient(178deg,var(--laiton-clair) 0%,var(--laiton) 22%,#DFAA14 100%);
  color:var(--encre);                            /* 9,37:1 */
  clip-path:polygon(0 0, calc(100% - 26px) 0, 100% 50%, calc(100% - 26px) 100%, 0 100%);
  box-shadow:0 2px 6px rgba(0,0,0,.35), 0 18px 34px -20px rgba(0,0,0,.8);
  max-width:100%}
.panneau__losange{flex:0 0 auto;width:15px;height:15px;background:var(--encre);
  transform:rotate(45deg)}
.panneau__quoi{font-size:.68rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.16em;opacity:.72}
.panneau__lieu{font-family:var(--police-titre);font-weight:700;
  font-size:clamp(1rem,.95rem + .35vw,1.2rem);line-height:1.2}
.panneau__temps{margin-left:auto;padding-left:.9rem;
  font-family:var(--police-libelle);font-weight:700;font-size:1.05rem;
  font-variant-numeric:lining-nums tabular-nums;
  border-left:2px solid rgba(22,35,29,.35)}
.panneau--depart{background:linear-gradient(178deg,#FFFFFF 0%,#EFEDE4 100%)}

.balise{display:flex;flex-direction:column;width:52px;margin:.9rem 0 0;
  border-radius:3px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.balise span{display:block;height:9px;background:#F6F4EE;
  transform:scaleX(0);transform-origin:left;transition:transform .5s ease}
.balise span:nth-child(2){background:var(--marque);height:11px}
html.js .reveal.est-vu .balise span{transform:scaleX(1)}
html.js .reveal.est-vu .balise span:nth-child(2){transition-delay:.12s}
html.js .reveal.est-vu .balise span:nth-child(3){transition-delay:.24s}
html:not(.js) .balise span{transform:none}

.profil{position:relative;padding:1.2rem 1.1rem .9rem;
  border-radius:var(--rayon);
  background:linear-gradient(180deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.02) 100%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:var(--ombre-nuit), inset 0 1px 0 rgba(255,255,255,.12)}
.profil__dessin{width:100%;height:auto;aspect-ratio:1000/240;display:block}
.profil__reglure line{stroke:rgba(255,255,255,.13);stroke-width:1;stroke-dasharray:3 7}
.profil__ligne{fill:none;stroke:var(--laiton);stroke-width:3.4;
  stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 3px 8px rgba(240,190,42,.35))}
.profil__jalons circle{fill:var(--nuit-2);stroke:var(--laiton);stroke-width:3}
.profil__jalons .j3{fill:var(--marque);stroke:var(--creme)}
.profil__pieds{display:flex;justify-content:space-between;margin:.5rem .2rem 0;
  font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;
  color:var(--creme-doux)}
.profil__pieds span:nth-child(2){opacity:.72}
html.js .profil__ligne{stroke-dasharray:100;stroke-dashoffset:100}
html.js .profil.est-vu .profil__ligne{stroke-dashoffset:0;
  transition:stroke-dashoffset 1.5s cubic-bezier(.3,.75,.25,1)}
html.js .profil__aire{opacity:0;transition:opacity .9s ease .5s}
html.js .profil.est-vu .profil__aire{opacity:1}
html.js .profil__jalons circle{opacity:0;transform:scale(.4);transform-origin:center;
  transition:opacity .35s ease,transform .35s cubic-bezier(.2,1.4,.4,1)}
html.js .profil.est-vu .j1{opacity:1;transform:none;transition-delay:.15s}
html.js .profil.est-vu .j2{opacity:1;transform:none;transition-delay:.75s}
html.js .profil.est-vu .j3{opacity:1;transform:none;transition-delay:1.35s}

.reperes{display:grid;gap:clamp(.8rem,2vw,1.2rem);margin-top:.4rem}
@media (min-width:44rem){.reperes{grid-template-columns:repeat(3,minmax(0,1fr))}}
.repere{padding:1.1rem 1.2rem;border-radius:var(--rayon);
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.14);
  border-top:3px solid var(--laiton);
  box-shadow:var(--ombre-nuit);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.repere:hover{border-top-color:var(--marque);
  box-shadow:0 6px 14px rgba(0,0,0,.36), 0 44px 80px -34px rgba(0,0,0,.85)}
.repere__quoi{margin:0;font-size:.68rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.16em;color:var(--laiton)}
.repere__valeur{margin:.2rem 0 .35rem;font-family:var(--police-libelle);font-weight:700;
  font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);color:var(--creme);line-height:1.1;
  font-variant-numeric:lining-nums tabular-nums}
.repere__note{margin:0;font-size:.9rem;color:var(--creme-doux)}

.table{position:relative;
  margin-top:clamp(-5rem,-6vw,-2.5rem);
  padding-block:clamp(2.2rem,4vw,3.2rem) clamp(3.5rem,9vw,6rem)}
.table__visuel{
  position:relative;z-index:2;
  box-shadow:var(--ombre-haute);
  max-width:min(100%,54rem);margin-inline:auto}
.table__visuel img{aspect-ratio:4/3}
.table .section__entete{margin-top:clamp(1.8rem,4vw,2.8rem);text-align:center;
  display:flex;flex-direction:column;align-items:center}
.table .section__entete::before,
.saison .section__entete::before{left:15%;width:70%}
.table .para{margin-inline:auto;text-align:center}

.postes{display:grid;gap:clamp(1rem,2.4vw,1.4rem)}
@media (min-width:38rem){.postes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:70rem){.postes{grid-template-columns:repeat(4,minmax(0,1fr))}}
.poste{position:relative;padding:1.5rem 1.3rem 1.4rem;border-radius:var(--rayon);
  background-color:#fefdfa;
  border:1px solid var(--filet);
  box-shadow:var(--ombre);overflow:hidden;
  transition:transform .24s ease,box-shadow .24s ease}
.poste::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--marque),var(--bois) 70%,var(--laiton))}
.poste:hover{box-shadow:var(--ombre-haute)}
.poste__num{display:block;font-family:var(--police-libelle);font-weight:700;
  font-size:.8rem;letter-spacing:.2em;color:var(--marque);
  font-variant-numeric:lining-nums tabular-nums;margin-bottom:.5rem}
.poste h3{margin-bottom:.35em}
.poste p{margin:0;color:var(--encre-douce);font-size:.97rem}

.nuitees{position:relative;overflow:hidden;color:var(--creme);
  background:
    var(--topo-clair) 0 0/1040px 520px repeat,
    var(--flancs-nuit),
    linear-gradient(90deg, color-mix(in srgb, var(--marque) 22%, transparent) 0%, transparent 50%),
    linear-gradient(90deg, var(--nuit-2) 0%, var(--nuit-2) 100%);
  padding-block:clamp(2.4rem,5vw,3.4rem)}
.nuitees h2{color:var(--creme)}
.nuitees .section__entete::before{display:none}
.nuitees__dedans{display:grid;gap:clamp(1.8rem,4vw,3rem);align-items:stretch}
.nuitees__visuel img{aspect-ratio:4/3}
@media (min-width:60rem){
  .nuitees__dedans{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
  .nuitees__visuel{order:2}
  .nuitees__visuel img{aspect-ratio:auto;height:100%;min-height:26rem}
}
.nuitees__faits{display:flex;flex-wrap:wrap;gap:1.6rem;margin:1.4rem 0 1.6rem;
  padding:1rem 1.2rem;border-radius:var(--rayon);
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.nuitees__faits dt{font-size:.66rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.16em;color:var(--laiton)}
.nuitees__faits dd{margin:.1rem 0 0;font-family:var(--police-libelle);font-weight:700;
  font-size:1.35rem;font-variant-numeric:lining-nums tabular-nums}
.sac__titre{margin:0 0 .6rem;font-family:var(--police-titre);font-weight:700;
  font-size:1.05rem;color:var(--laiton)}
.sac li{position:relative;padding-left:1.9rem;margin-bottom:.55rem;
  color:var(--creme-doux);font-size:.96rem}
.sac li::before{content:"";position:absolute;left:0;top:.42em;width:12px;height:7px;
  border-left:2.5px solid var(--laiton);border-bottom:2.5px solid var(--laiton);
  transform:rotate(-45deg)}

.saison{padding-block:clamp(3.5rem,9vw,6.2rem)}
.saison__grille{display:grid;gap:clamp(1.2rem,3vw,2rem);align-items:stretch}
@media (min-width:58rem){.saison__grille{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}

.calendrier{display:flex;flex-direction:column;
  padding:clamp(1.2rem,3vw,1.8rem);border-radius:var(--rayon);
  background:linear-gradient(160deg,var(--carte) 0%,var(--fond-alt) 100%);
  border:1px solid var(--filet);box-shadow:var(--ombre)}
.calendrier__titre{margin:0 0 .9rem;font-size:.7rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.18em;color:var(--encre-douce)}
.mois{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.35rem;
  flex:1;min-height:clamp(64px,9vw,150px)}
.mois li{display:grid;place-items:center;border-radius:7px;
  background:color-mix(in srgb, var(--encre) 8%, var(--carte));
  border:1px solid var(--filet);
  font-family:var(--police-libelle);font-size:.82rem;font-weight:700;
  color:var(--encre-douce);
  transition:transform .22s ease,box-shadow .22s ease}
.mois li.mois--on{color:#fff;border-color:transparent;
  background-color:#a62f27;
  box-shadow:0 2px 5px rgba(11,22,19,.2), 0 12px 22px -12px rgba(166,47,39,.9)}
.legende{display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:1rem}
.legende li{display:flex;align-items:center;gap:.5rem;font-size:.82rem;
  color:var(--encre-douce)}
.legende i{width:14px;height:14px;border-radius:4px;flex:0 0 auto;
  background:color-mix(in srgb, var(--encre) 8%, var(--carte));
  border:1px solid var(--filet)}
.legende li:first-child i{border-color:transparent;
  background-color:#a62f27}
.calendrier__note{margin:auto 0 0;padding-top:1rem;font-size:.86rem;color:var(--encre-douce)}

.horaires{padding:clamp(1.2rem,3vw,1.8rem);border-radius:var(--rayon);
  background:var(--carte);border:1px solid var(--filet);
  border-left:4px solid var(--marque);box-shadow:var(--ombre)}
.horaires__sur{margin:0 0 .6rem;font-size:.86rem;color:var(--encre-douce)}
.tableau{margin:0}
.tableau__ligne{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;
  align-items:baseline;padding:.42rem 0;border-bottom:1px dotted var(--filet)}
.tableau__ligne:last-child{border-bottom:0}
.tableau dt{font-weight:500}
.tableau dd{margin:0;font-family:var(--police-libelle);font-size:.94rem;
  font-variant-numeric:lining-nums tabular-nums;color:var(--encre-douce);text-align:right}
.tableau__ligne--aujourdhui dt,.tableau__ligne--aujourdhui dd{color:var(--encre);font-weight:700}
.tableau__aujourdhui{display:inline-block;margin-left:.5rem;padding:.05rem .5rem;
  font-family:var(--police-libelle);font-size:.62rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.1em;vertical-align:.1em;
  background-color:#a62f27;
  color:#fff;border-radius:999px}
.horaires__note{margin:.9rem 0 1.2rem;font-size:.88rem;color:var(--encre-douce)}

.plaque{display:inline-flex;flex-direction:column;justify-content:center;gap:.1rem;
  min-height:56px;padding:.7rem 1.4rem;border-radius:var(--rayon-bouton);
  color:#fff;background:linear-gradient(165deg,var(--marque) 0%,var(--marque-fonce) 100%);
  box-shadow:0 2px 6px rgba(11,22,19,.22), 0 18px 34px -18px rgba(166,47,39,.9),
    inset 0 1px 0 rgba(255,255,255,.2);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.plaque:hover,.plaque:focus-visible{filter:saturate(1.06);
  box-shadow:0 4px 10px rgba(11,22,19,.28), 0 28px 48px -18px rgba(166,47,39,1),
    inset 0 1px 0 rgba(255,255,255,.26)}
.plaque__libelle{font-family:var(--police-libelle);font-size:.66rem;font-weight:700;
  text-transform:uppercase;letter-spacing:.16em;opacity:.92}
.plaque__num{font-family:var(--police-libelle);font-size:1.25rem;font-weight:700;
  font-variant-numeric:lining-nums tabular-nums}
.plaque--seconde{background:linear-gradient(165deg,#2B3F38 0%,var(--nuit) 100%);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 2px 6px rgba(0,0,0,.3), 0 18px 34px -20px rgba(0,0,0,.8)}

.contact{position:relative;overflow:hidden;color:var(--creme);
  background:
    var(--topo-clair) 0 100%/1040px 520px repeat,
    var(--flancs-nuit),
    linear-gradient(270deg, color-mix(in srgb, var(--marque) 26%, transparent) 0%, transparent 48%),
    linear-gradient(90deg, var(--nuit-2) 0%, var(--nuit-2) 100%);
  padding-block:clamp(2.8rem,6vw,4rem)}
.contact h2{color:var(--creme)}
.contact__dedans{position:relative;z-index:2;display:grid;gap:clamp(1.6rem,4vw,2.6rem);
  align-items:center}
@media (min-width:58rem){.contact__dedans{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.contact__carte{padding:clamp(1.3rem,3.2vw,2rem)}
.contact__plaques{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.4rem}
.coord{display:grid;gap:.7rem}
.coord__ligne{display:grid;gap:.15rem;padding-bottom:.7rem;
  border-bottom:1px solid rgba(255,255,255,.14)}
.coord__ligne:last-child{border-bottom:0;padding-bottom:0}
@media (min-width:34rem){.coord__ligne{grid-template-columns:6.5rem minmax(0,1fr);gap:1rem}}
.coord dt{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;
  color:var(--laiton);padding-top:.2rem}
.coord dd{margin:0;color:var(--creme)}
.coord a{color:var(--laiton-clair);display:inline-block;padding-block:.3rem}

.pied{padding-block:2.4rem;color:var(--creme-doux);
  background-color:#0b1613;
  background-image:var(--topo-clair),var(--flancs-nuit),
    linear-gradient(270deg, color-mix(in srgb, var(--marque) 26%, transparent) 0%, transparent 48%);
  background-size:1040px 520px,auto,auto;
  background-repeat:repeat,no-repeat,no-repeat}
.pied{position:relative;overflow:hidden}
.pied::before,.pied::after{content:"";position:absolute;top:-180px;bottom:-180px;
  pointer-events:none;z-index:0;filter:blur(46px);opacity:.5}
.pied::before{left:-10%;width:48%;
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--creme) 30%, transparent) 0%, transparent 100%)}
.pied::after{right:-12%;width:44%;
  background:linear-gradient(270deg,
    color-mix(in srgb, var(--bois) 28%, transparent) 0%, transparent 100%)}
.pied__dedans{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}
.pied p{margin:0}
.pied__marque{font-family:var(--police-titre);font-size:1.25rem;font-weight:700;
  color:var(--creme)}
.pied__ligne{font-size:.92rem}
.pied__ligne--fine{font-size:.82rem;align-self:flex-end}
.pied a{color:var(--laiton)}

html.js .reveal{opacity:0;transform:translateY(16px);
  transition:opacity .6s ease,transform .6s cubic-bezier(.16,1,.3,1)}
html.js .reveal.est-vu{opacity:1;transform:none}
html.js .postes .poste:nth-child(2).est-vu{transition-delay:.09s}
html.js .postes .poste:nth-child(3).est-vu{transition-delay:.18s}
html.js .postes .poste:nth-child(4).est-vu{transition-delay:.27s}
html.js .reperes .repere:nth-child(2).est-vu{transition-delay:.11s}
html.js .reperes .repere:nth-child(3).est-vu{transition-delay:.22s}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  html.js .reveal{opacity:1;transform:none;transition:opacity .5s ease}
  html.js .profil__ligne{stroke-dasharray:none;stroke-dashoffset:0;transition:none}
  html.js .profil__aire{opacity:1;transition:none}
  html.js .profil__jalons circle{opacity:1;transform:none;transition:none}
  .balise span{transform:scaleX(1);transition:none}
  .brume span{animation:none}
  .cadre img,.poste,.repere,.bouton,.plaque,.mois li,#nav-links a::after{transition:none}
}

@media (max-width:600px){
  .bandeau{display:block;min-height:0;padding-top:0}
  .bandeau__fond{position:static;display:block;
    width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
  .bandeau__voile,.brume{display:none}
  .bandeau__grille{padding-top:clamp(1.4rem,6vw,2rem)}
}

.entete{background-color:rgba(247,245,239,0.76)}
.entete{margin-bottom:-67px}