/* ===========================================================
   PROJECT CARS — feuille de style
   Généré depuis les exports Claude Design puis complété.
   La mise en forme des sections vit en styles en ligne dans
   index.html (c'est le format produit par Claude Design).
   Ce fichier contient : la base, les animations, les états
   survol/focus, l'accessibilité et les réglages d'impression.
   =========================================================== */

*,*::before,*::after{box-sizing:border-box;}
body{margin:0;background:#07080a;color:#c3c9d1;font-family:'Figtree',-apple-system,'Avenir Next','Segoe UI',sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;}
img{max-width:100%;display:block;}
a{color:#c3c9d1;text-decoration:none;}
a:hover{color:#f2f4f7;}
::selection{background:#8e1f30;color:#f2f4f7;}
header nav::-webkit-scrollbar{display:none;}
input[type=range]{-webkit-appearance:none;appearance:none;height:22px;background:transparent;}
input[type=range]::-webkit-slider-runnable-track{height:3px;background:#232830;border-radius:2px;}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-7.5px;border-radius:50%;background:linear-gradient(160deg,#fff,#a9b1bb);border:1px solid #0a0b0d;box-shadow:0 2px 8px rgba(0,0,0,.6);cursor:pointer;}
input[type=range]::-moz-range-track{height:3px;background:#232830;border-radius:2px;}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#f0f3f7;border:1px solid #0a0b0d;cursor:pointer;}
@keyframes pcSheen{0%{transform:translateX(-140%) skewX(-20deg)}100%{transform:translateX(340%) skewX(-20deg)}}
@keyframes pcShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@keyframes pcPulse{0%,100%{box-shadow:0 0 0 0 rgba(184,50,74,.35)}50%{box-shadow:0 0 0 6px rgba(184,50,74,0)}}


/* Page mentions légales : interlignage plus aéré */
body.pc-legal{line-height:1.7;}


/* --- États survol et focus (issus de style-hover / style-focus) --- */

.pc-h1:hover{color:#f2f4f7 !important}
.pc-h2:hover{transform:translateY(-2px) !important; filter:brightness(1.07) !important; box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 10px 28px rgba(0,0,0,.6) !important}
.pc-h3:hover{transform:translateY(-2px) !important; filter:brightness(1.08) !important; box-shadow:0 1px 0 rgba(255,255,255,.55) inset,0 14px 34px rgba(0,0,0,.65) !important}
.pc-h4:hover{border-color:#b8324a !important; transform:translateY(-2px) !important; background:rgba(23,27,33,.7) !important}
.pc-h5:hover{border-color:#3a4048 !important}
.pc-h6:hover{border-color:#3a4048 !important; background:#171b21 !important; transform:translateY(-5px) !important}
.pc-h7:hover{color:#f2f4f7 !important; border-bottom-color:#b8324a !important}
.pc-h8:hover{background:#0e1115 !important}
.pc-h9:hover{border-color:#b8324a !important; background:rgba(184,50,74,.08) !important; transform:translateY(-2px) !important}
.pc-h10:hover{background:#171b21 !important}
.pc-h11:hover{transform:translateY(-2px) !important; filter:brightness(1.08) !important}
.pc-h12:hover{border-bottom-color:#b8324a !important}
.pc-f13:focus{border-color:#b8324a !important; outline:none !important}
.pc-h14:hover{border-color:#3a4048 !important; transform:translateY(-5px) !important; box-shadow:0 18px 44px rgba(0,0,0,.6) !important}
.pc-h15:hover{border-color:#b8324a !important; background:#171b21 !important}
.pc-h16:hover{border-color:#b8324a !important; transform:translateY(-2px) !important}
.pc-h17:hover{border-color:#b8324a !important; color:#f2f4f7 !important}

/* --- Accessibilité --- */
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
  outline:2px solid #b8324a;outline-offset:3px;border-radius:2px;
}
.pc-skip{position:absolute;left:-9999px;top:0;z-index:999;
  background:#f2f4f7;color:#07080a;padding:12px 20px;font-weight:700;}
.pc-skip:focus{left:12px;top:12px;}

html{scroll-behavior:smooth;scroll-padding-top:90px;}
html{scrollbar-color:#2c313a #07080a;scrollbar-width:thin;}
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:#07080a;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3a4048,#22262c);
  border-radius:999px;border:2px solid #07080a;}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4c535d,#2c3138);}

/* État de départ des éléments révélés au défilement.
   Sans JavaScript, la règle .no-js les laisse visibles. */
[data-reveal]{opacity:0;transform:translateY(20px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.3,1);}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important;}
  [data-reveal]{opacity:1 !important;transform:none !important;}
}

body.pc-gallery-open{overflow:hidden;}

@media print{
  header,footer,.pc-skip,#pc-gallery-root{display:none !important;}
  body{background:#fff !important;color:#000 !important;}
}