/* ================= HOME PAGE : 3D HERO ================= */
.hero3d{
  position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(ellipse at 50% 40%, #16181d 0%, var(--noir) 70%);
  overflow:hidden;
}
#c3d{position:absolute;inset:0;width:100%;height:100%}
.hero3d .content{
  position:relative;z-index:2;text-align:center;pointer-events:none;padding:0 20px;
}
.hero3d h1{
  font-family:var(--display);
  font-size:clamp(64px, 13vw, 190px);
  color:transparent;-webkit-text-stroke:2px rgba(216,213,206,.32);
  letter-spacing:6px;line-height:.9;user-select:none;
}
.hero3d .sub{
  font-family:var(--mono);font-size:13px;letter-spacing:4px;text-transform:uppercase;
  color:var(--gris);margin-top:24px;
}
.hero3d .sub b{color:var(--rouille-vif)}
.hero3d .cta{margin-top:34px;pointer-events:auto;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.scroll-hint{
  position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:2;
  font-family:var(--mono);font-size:11px;letter-spacing:3px;color:var(--gris);
  animation:bounce 2s infinite;
}
@keyframes bounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}

.ticker{
  border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne);
  background:var(--acier);overflow:hidden;white-space:nowrap;
  font-family:var(--mono);font-size:13px;letter-spacing:2px;text-transform:uppercase;
  padding:12px 0;color:var(--gris);
}
.ticker-track{display:inline-block;animation:tick 28s linear infinite}
.ticker b{color:var(--rouille-vif)}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.units{max-width:1200px;margin:0 auto;padding:80px 28px}
.grid-units{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.unit{
  position:relative;overflow:hidden;
  border:1px solid var(--ligne);background:var(--acier);
  padding:34px 28px 30px;min-height:220px;
  display:flex;flex-direction:column;justify-content:space-between;transition:.25s;
}
.unit::before{
  content:attr(data-num);
  position:absolute;right:-10px;bottom:-38px;
  font-family:var(--display);font-size:150px;line-height:1;
  color:transparent;-webkit-text-stroke:1px var(--ligne);transition:.25s;pointer-events:none;
}
.unit:hover{border-color:var(--rouille);transform:translateY(-4px)}
.unit:hover::before{-webkit-text-stroke-color:var(--rouille)}
.unit h3{font-family:var(--display);font-size:34px;letter-spacing:1.5px;color:#fff}
.unit p{color:var(--gris);font-size:15px;margin-top:8px;max-width:340px;position:relative}
.unit .u-go{margin-top:22px;font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--rouille-vif);text-transform:uppercase}
.unit .u-go::after{content:" →"}

/* Responsive breakpoints for this page live in css/responsive.css */