/* « Nos arrivées » (Manu, 03/11/2026) : cadran collé en haut, année en grand, soleil qui descend sur la frise ; le fond
   passe de l'orange du jour au bordeaux du soir selon --p (0 = aujourd'hui, 1 = plus ancienne année), posé par arrivees.js. */
.arr-hero{padding:28px 0 22px}
.arr-intro{margin:12px 0 0;max-width:62ch;color:var(--texte-3);font-size:17px}
.arr-cadran{--p:0;position:sticky;top:0;z-index:4;color:var(--sur-orange);
  background:color-mix(in srgb,var(--bordeaux-nuit) calc(var(--p)*100%),var(--orange));
  box-shadow:0 10px 24px -16px rgba(94,30,36,.8);transition:background-color .6s ease}
.arr-cadran-in{display:flex;align-items:center;gap:12px 32px;min-height:96px;padding-top:10px;padding-bottom:10px}
.arr-quand{margin:0;display:flex;flex-direction:column;flex:0 0 auto;min-width:7.2ch}
.arr-annee{font:800 64px/.9 var(--titre);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.arr-mois{font:600 15px/1.3 var(--corps);opacity:.92}
.arr-frise{position:relative;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;padding:22px 0 6px}
.arr-frise::-webkit-scrollbar{display:none}
.arr-frise ol{position:relative;display:flex;justify-content:space-between;gap:6px;margin:0;padding:0;list-style:none;min-width:max-content}
.arr-frise ol::before{content:"";position:absolute;left:0;right:0;top:-12px;height:2px;background:rgba(255,255,255,.45);border-radius:2px}
.arr-frise a{display:block;padding:6px 6px;border-radius:10px;color:var(--sur-orange);font:700 14px/1 var(--corps);text-decoration:none;opacity:.78;font-variant-numeric:tabular-nums}
.arr-frise a:hover,.arr-frise a[aria-current=true]{opacity:1;background:rgba(255,255,255,.16)}
.arr-frise a:focus-visible{outline-color:var(--blanc)}
.arr-soleil{position:absolute;top:2px;left:0;width:22px;height:22px;border-radius:50%;background:var(--soleil);
  box-shadow:0 0 0 3px rgba(255,255,255,.85),0 0 22px 6px rgba(251,167,53,.7);transform:translateX(var(--x,0px));transition:transform .45s ease;pointer-events:none}
.arr-liste{padding-top:8px;padding-bottom:72px}
.arr-mois-bloc{padding-top:36px;scroll-margin-top:120px}
.arr-titre{margin:0 0 16px;font:800 28px/1.05 var(--titre);color:var(--bordeaux);letter-spacing:-.01em}
.arr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.arr-item{display:flex;flex-direction:column;gap:8px;min-width:0}
.arr-item .pcard{flex:1 1 auto}
.arr-contenance{margin:0;padding:0 6px;font-size:14px;font-weight:600;color:var(--texte-2)}
.arr-fin{margin:56px 0 0;font-size:17px;color:var(--texte-3)}
@media (max-width:1100px){.arr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .arr-hero{padding:18px 0 14px}
  .arr-intro{font-size:15px}
  .arr-cadran-in{gap:14px;min-height:72px}
  .arr-annee{font-size:38px}
  .arr-mois{font-size:13px}
  .arr-quand{min-width:4.6ch}
  .arr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arr-titre{font-size:22px}
  .arr-mois-bloc{padding-top:26px;scroll-margin-top:92px}
}
@media (prefers-reduced-motion:reduce){.arr-cadran,.arr-soleil{transition:none}}
