/* ===== Hero 3D + deux portes d'entrée (index uniquement) ===== */
.home-hero .heromask canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s ease .2s;}
.home-hero.has3d .heromask canvas{opacity:1;}
.home-hero .heromask .bigv{opacity:0;transition:opacity .8s ease;}
.home-hero.no3d .heromask .bigv{opacity:.4;}
.home-hero .cols{align-items:center;}
.home-hero .hero-3dspot{min-height:clamp(260px,34vw,460px);}
@media(max-width:860px){
  .home-hero .cols{display:flex;flex-direction:column;gap:0;}
  .home-hero .hero-3dspot{display:block;order:1;width:100%;align-self:stretch;min-height:280px;height:280px;margin:26px 0 4px;}
  .home-hero .bigv{display:none;}
  .tag3d{font-size:10px;padding:7px 10px 7px 9px;gap:6px;}
}



/* Accent typographique + surface de manipulation + étiquettes 3D */
.hero-3dspot{position:relative;cursor:grab;user-select:none;touch-action:pan-y;}
.hero-3dspot.grabbing{cursor:grabbing;}
.home-hero.has3d .home-hero.touched .tags3d{position:absolute;inset:0;z-index:4;pointer-events:none;}
.home-hero.tags-off .tags3d,.home-hero:not(.has3d) .tags3d{display:none;}
.tag3d{position:absolute;left:0;top:0;pointer-events:auto;display:inline-flex;align-items:center;gap:8px;padding:9px 13px 9px 11px;background:#fff;color:var(--navy);font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;white-space:nowrap;
  clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);box-shadow:0 18px 40px -18px rgba(0,0,0,.7);opacity:0;transition:opacity .5s ease,box-shadow .25s ease;will-change:transform;}
.tag3d .d{width:8px;height:8px;background:var(--blue);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);}
.tag3d:hover{box-shadow:0 22px 44px -16px rgba(1,101,255,.6);}