/* axelvessella.com — feuille de base, transcrite du <helmet> de la maquette Claude Design
   (axel-vessella.dc.html). Les valeurs sont celles de la maquette ; seuls les survols
   (attributs style-hover du runtime) deviennent des règles :hover. */
@import url('fonts/fonts.css');

html,body{margin:0;background:#090A0C;color:#F2F2EF;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;overflow-x:clip;overflow-y:visible}
body{font-family:'Space Grotesk',system-ui,sans-serif;min-height:100%}
@supports not (overflow:clip){html{overflow-x:hidden}body{overflow-x:visible}}
a{color:#F2F2EF;text-decoration:none}a:hover{color:#FF5A1F}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
::selection{background:#FF5A1F;color:#090A0C}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#16181D;border-radius:3px}::-webkit-scrollbar-track{background:#090A0C}
@keyframes avPulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}
@keyframes avDown{0%,100%{transform:translateY(0);opacity:.55}50%{transform:translateY(5px);opacity:1}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* survols — un pour un avec les style-hover de la maquette */
.av-btn-contact:hover{background:rgba(255,90,31,.2)!important;border-color:#FF5A1F!important}
.av-btn-lang:hover{border-color:#F2F2EF!important;background:rgba(242,242,239,.08)!important}
.av-explore:hover{color:#F2F2EF!important;border-color:#FF5A1F!important}
.av-site:hover{color:#F2F2EF!important}
.av-foot:hover{border-color:#FF5A1F!important;color:#F2F2EF!important}
.av-act-mail:hover{background:rgba(255,90,31,.22)!important;border-color:#FF5A1F!important}
.av-act-ghost:hover{color:#F2F2EF!important;border-color:#F2F2EF!important}
.av-close:hover{color:#FF5A1F!important}

/* sans JavaScript : le site est une scène ; on laisse au moins l'adresse */
.av-noscript{position:fixed;inset:0;display:grid;place-items:center;text-align:center;padding:24px;font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#999DA5;line-height:2.2}
.av-noscript a{color:#F2F2EF;border-bottom:1px solid #FF5A1F}

/* accessibilité clavier : le focus visible est le même trait orange que le survol */
a:focus-visible,button:focus-visible{outline:1px solid #FF5A1F;outline-offset:3px}