.car{background:var(--paper,#faf8f1);padding:clamp(64px,9vw,120px) 0}.car-head{grid-template-columns:1fr auto;align-items:end;gap:clamp(20px,4vw,64px);margin-bottom:clamp(26px,3.4vw,40px);display:grid}.car-intro{max-width:48ch;color:var(--ink-soft,#4a4f44);margin:0;font-size:clamp(14.5px,1.15vw,16.5px);line-height:1.7}.car-meta{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px;display:flex}.car-label{font-family:var(--font-mono,monospace);letter-spacing:.2em;text-transform:none;color:var(--ink-soft,#4a4f44);opacity:.75;font-size:10.5px;font-weight:500}.car-titre{font-family:var(--font-display,serif);letter-spacing:-.03em;color:var(--ink,#14180f);margin:4px 0 0;font-size:clamp(19px,2vw,26px);font-weight:700;line-height:1.15}.car-lieu{color:var(--ink-soft,#4a4f44);font-weight:400}.car-compteur{font-family:var(--font-mono,monospace);color:var(--ink-soft,#4a4f44);flex:none;align-items:center;gap:8px;font-size:12.5px;display:flex}.car-compteur b{color:var(--ink,#14180f);font-weight:600}.car-scene{aspect-ratio:16/9;background:var(--ink,#14180f);outline:1px solid color-mix(in srgb,var(--ink,#14180f) 8%,transparent);border-radius:20px;margin:0;position:relative;overflow:hidden;box-shadow:0 30px 60px -25px #14180f73,0 12px 24px -16px #14180f4d}.car-scene:focus-visible{outline:2px solid var(--accent,#c97a4d);outline-offset:3px}.car-scene:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#14180f00 52%,#14180f9e);position:absolute;inset:0}.car-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .55s,transform .7s;position:absolute;inset:0}.car-img.is-active{opacity:1}.car-scene:hover .car-img.is-active{transform:scale(1.015)}.car-img.is-portrait{object-position:center 38%}.car-fleche{z-index:3;cursor:pointer;width:44px;height:44px;color:var(--cream,#f4f0e8);-webkit-backdrop-filter:blur(14px)saturate(150%);opacity:.55;background:#14180f8c;border:1px solid #f4f0e838;border-radius:999px;justify-content:center;align-items:center;transition:opacity .25s,background .25s,border-color .25s,transform .25s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.car-scene:hover .car-fleche,.car-fleche:focus-visible{opacity:1}.car-fleche:hover{border-color:var(--accent,#c97a4d);background:#14180fe6}.car-fleche:focus-visible{outline:2px solid var(--accent,#c97a4d);outline-offset:2px}.car-fleche--prec{left:16px}.car-fleche--suiv{right:16px}@media(min-width:768px){.car-fleche--prec{left:24px}.car-fleche--suiv{right:24px}}.car-legende{z-index:3;position:absolute;bottom:20px;left:20px}@media(min-width:768px){.car-legende{bottom:24px;left:28px}}.car-legende-t{font-family:var(--font-display,serif);letter-spacing:-.02em;color:var(--cream,#f4f0e8);text-shadow:0 2px 18px #00000080;font-size:clamp(17px,1.8vw,22px);font-weight:600;display:block}.car-points{z-index:3;align-items:center;gap:7px;display:none;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@media(min-width:768px){.car-points{display:flex}}.car-point{cursor:pointer;background:#f4f0e873;border:0;border-radius:999px;width:6px;height:6px;padding:0;transition:width .3s cubic-bezier(.2,.7,.2,1),background .3s}.car-point:hover{background:#f4f0e8cc}.car-point.is-active{background:var(--cream,#f4f0e8);width:20px}.car-point:focus-visible{outline:2px solid var(--accent,#c97a4d);outline-offset:3px}.car-bande{scrollbar-width:none;gap:10px;margin:16px -4px 0;padding:4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000 100%);mask-image:linear-gradient(90deg,#000 88%,#0000)}.car-bande::-webkit-scrollbar{display:none}@media(min-width:768px){.car-bande{gap:12px;margin-top:20px}}.car-vignette{cursor:pointer;opacity:.55;background:var(--ink,#14180f);width:108px;height:68px;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink,#14180f) 18%,transparent);border:0;border-radius:10px;flex:none;padding:0;transition:opacity .25s,box-shadow .25s,transform .25s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden}@media(min-width:768px){.car-vignette{width:128px;height:80px}}.car-vignette img{object-fit:cover;width:100%;height:100%;display:block}.car-vignette:hover{opacity:1;transform:translateY(-2px)}.car-vignette:focus-visible{outline:2px solid var(--accent,#c97a4d);outline-offset:3px}.car-vignette.is-active{opacity:1;box-shadow:0 0 0 2px var(--paper,#faf8f1),0 0 0 4px var(--ink,#14180f)}.car-vignette.is-active:after{content:"";pointer-events:none;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--accent,#c97a4d) 65%,transparent);border-radius:10px;position:absolute;inset:0}@media(max-width:860px){.car-head{grid-template-columns:1fr;gap:14px}.car-compteur{display:none}}@media(prefers-reduced-motion:reduce){.car-img{transition:none}.car-scene:hover .car-img.is-active{transform:none}.car-point,.car-vignette,.car-fleche{transition:none}}.car-outils{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;bottom:20px;right:20px}@media(min-width:768px){.car-outils{bottom:24px;right:28px}}.car-outil{cursor:pointer;width:36px;height:36px;color:var(--cream,#f4f0e8);-webkit-backdrop-filter:blur(14px)saturate(150%);opacity:.55;background:#14180f8c;border:1px solid #f4f0e838;border-radius:999px;justify-content:center;align-items:center;transition:opacity .25s,background .25s,border-color .25s;display:inline-flex}.car-scene:hover .car-outil,.car-outil:focus-visible{opacity:1}.car-outil:hover{border-color:var(--accent,#c97a4d);background:#14180fe6}.car-outil:focus-visible{outline:2px solid var(--accent,#c97a4d);outline-offset:2px}.car-scene:-webkit-full-screen{aspect-ratio:auto;border-radius:0;width:100vw;height:100vh}.car-scene:fullscreen{aspect-ratio:auto;border-radius:0;width:100vw;height:100vh}.car-scene:-webkit-full-screen .car-img{object-fit:contain;background:var(--ink,#14180f)}.car-scene:fullscreen .car-img{object-fit:contain;background:var(--ink,#14180f)}.car-scene:-webkit-full-screen .car-img.is-portrait{object-position:center}.car-scene:fullscreen .car-img.is-portrait{object-position:center}:-webkit-any(.car-scene:-webkit-full-screen .car-fleche,.car-scene:-webkit-full-screen .car-outil){opacity:1}:is(.car-scene:fullscreen .car-fleche,.car-scene:fullscreen .car-outil){opacity:1}
