/* Site vitrine d'Enoch (enochsas.com) : même identité que le cockpit, noir profond, rouge sang, orange NERV. */
:root{--bg:#070506;--panel:#100c0e;--line:#2c2125;--text:#ece4d6;--sub:#b3a99c;--dim:#857a70;--sang:#c1121f;--nerv:#ff7a1a;
  --display:"Noto Serif JP",Georgia,serif;--serif:"Cinzel",Georgia,serif;--body:"IBM Plex Sans",system-ui,sans-serif;--mono:"Share Tech Mono",ui-monospace,monospace;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text)}
body{font:400 16px/1.65 var(--body);min-height:100vh;display:flex;flex-direction:column;
  background-image:radial-gradient(ellipse 90% 320px at 50% -60px,rgba(193,18,31,.30),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49'%3E%3Cpath d='M14 0l14 8v16l-14 8-14-8V8zM14 32v17' fill='none' stroke='%23ff7a1a' stroke-opacity='.06'/%3E%3C/svg%3E");background-attachment:fixed}
a{color:var(--nerv)}a:hover{color:#ffb000}
:focus-visible{outline:2px solid #ffb000;outline-offset:2px}
.haut{display:flex;align-items:center;gap:12px;padding:20px clamp(16px,5vw,64px);border-bottom:1px solid var(--line)}
.haut img{width:40px;height:44px}
.marque{font:900 22px/1 var(--display);letter-spacing:.2em;transform:scaleX(.85);transform-origin:left;text-decoration:none;color:var(--text);text-shadow:0 0 14px rgba(193,18,31,.6)}
main{flex:1;width:100%;max-width:820px;margin:0 auto;padding:56px 16px 72px}
.lab{font:400 12px var(--mono);letter-spacing:.2em;color:var(--nerv);text-transform:uppercase}
h1{font:900 clamp(34px,7vw,56px)/1.05 var(--display);text-transform:uppercase;transform:scaleX(.85);transform-origin:left;width:117.6%;margin:10px 0 24px;text-shadow:0 0 22px rgba(193,18,31,.45)}
h2{font:700 15px var(--serif);letter-spacing:.16em;text-transform:uppercase;margin:40px 0 10px}
h2::before{content:"// ";font-family:var(--mono);color:var(--nerv);letter-spacing:0}
p,li{color:var(--sub)}strong{color:var(--text);font-weight:600}
.cadre{background:linear-gradient(180deg,#100c0e,#161114);border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);padding:22px 24px;position:relative;margin:24px 0}
.cadre::before{content:"";position:absolute;top:0;left:0;width:56px;height:2px;background:var(--nerv)}
.cadre p{margin:0}
.maj{font:400 12px var(--mono);letter-spacing:.12em;color:var(--dim)}
footer{border-top:1px solid var(--line);padding:20px clamp(16px,5vw,64px);display:flex;gap:18px;flex-wrap:wrap;font:400 12px var(--mono);letter-spacing:.08em;color:var(--dim)}
footer a{color:var(--sub)}