/* ============================================================
   IN MY ELEMENT — « La signature » · monogramme IME en 3D CSS
   Pièce de bravoure — accueil. Aucune dépendance externe.
   Tous les tokens sont appelés avec fallback : le bloc tient
   même si tokens.css n'est pas chargé (preview isolée).
   Préfixe unique : .sig3d-*
   ============================================================ */

/* ——— Réglages de la pièce ——— */
.sig3d{
  --sig3d-w: clamp(190px, 23vw, 300px);      /* largeur de la plaque      */
  --sig3d-h: calc(var(--sig3d-w) * 1.4);     /* format porte-passeport    */
  --sig3d-t: 15px;                           /* épaisseur du cuir + doubl.*/
  --sig3d-spin: 36s;                         /* tour de présentoir        */
  --sig3d-tangage: 13s;                      /* respiration verticale     */

  --sig3d-green:      var(--ime-green, #C2CC83);
  --sig3d-green-deep: var(--ime-green-deep, #A8B268);
  --sig3d-green-soft: var(--ime-green-soft, #DCE3B8);
  --sig3d-ink:   var(--ink, #4A2530);
  --sig3d-noir:  var(--noir, #4A2530);
  --sig3d-paper: var(--paper, #F4F1E9);
  --sig3d-gold:  var(--gold, #4A2530);
  --sig3d-gold-soft: var(--gold-soft, #6B3A47);
  --sig3d-sans:  var(--sans, 'Jost', 'Futura', 'Century Gothic', system-ui, sans-serif);
  --sig3d-serif: var(--serif, 'Cormorant Garamond', 'Times New Roman', serif);
  --sig3d-mono:  var(--mono, 'Space Mono', ui-monospace, Menlo, monospace);
  --sig3d-ease:  var(--ease, cubic-bezier(.22,.61,.36,1));

  /* pilotés par le JS (parallaxe souris) — valeurs neutres par défaut */
  --sig3d-rx: 0deg;
  --sig3d-ry: 0deg;
  --sig3d-lx: 0px;    /* glissement de la lumière   */
  --sig3d-shx: 0px;   /* dérive de l'ombre portée   */

  /* grain de peau — bruit fractal figé, rasterisé une fois */
  --sig3d-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23g)'/%3E%3C/svg%3E");

  position: relative;
  overflow: hidden;
  isolation: isolate;
  color: var(--sig3d-paper);
  background:
    radial-gradient(120% 90% at 78% 18%, rgba(194,204,131,.10) 0%, rgba(194,204,131,0) 58%),
    radial-gradient(90% 70% at 12% 96%, rgba(58,28,34,.66) 0%, rgba(58,28,34,0) 62%),
    linear-gradient(178deg, #191316 0%, #221A1D 46%, #14100F 100%);
}
/* voile de grain sur toute la section — matière, pas texture décorative */
.sig3d::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image: var(--sig3d-grain);
  background-size: 150px 150px;
  opacity:.055; mix-blend-mode: overlay;
}

/* ============================================================
   MISE EN PAGE
   ============================================================ */
.sig3d-inner{
  position:relative; z-index:1;
  max-width: var(--maxw, 1560px);
  margin-inline:auto;
  padding-inline: var(--gutter, clamp(1.25rem, 5vw, 5rem));
  padding-block: clamp(4rem, 8vw, 7rem);
  display:grid;
  grid-template-columns: 1fr minmax(300px, .78fr);
  column-gap: clamp(2.5rem, 6vw, 6rem);
  row-gap: 0;
  align-items:center;
}
.sig3d-copy{ display:contents; }
.sig3d-head, .sig3d-body{ max-width: 46ch; }
.sig3d-head{ grid-column:1; grid-row:1; }
.sig3d-body{ grid-column:1; grid-row:2; margin-top: clamp(1.8rem, 3vw, 2.8rem); }

.sig3d-eyebrow{
  font-family: var(--sig3d-sans);
  font-size: var(--fs-xs, .72rem);
  letter-spacing: var(--track-wide, .24em);
  text-transform: uppercase;
  color: var(--sig3d-green);              /* vert sur noir : 10,6:1 */
  display:flex; align-items:center; gap:.9rem;
}
.sig3d-eyebrow::after{
  content:""; height:1px; width: clamp(28px, 6vw, 74px);
  background: linear-gradient(90deg, var(--sig3d-gold), rgba(180,137,76,0));
}
.sig3d-title{
  font-family: var(--sig3d-sans);
  font-weight:400; text-transform:uppercase;
  letter-spacing: var(--track-wide, .24em);
  line-height:.98;
  font-size: clamp(2.1rem, 4.4vw, 4.1rem);
  color: var(--sig3d-paper);
  margin-top: 1.4rem;
}
.sig3d-title em{
  font-family: var(--sig3d-serif);
  font-style: italic; text-transform:none;
  letter-spacing:.01em; font-weight:500;
  color: var(--sig3d-green);
}
.sig3d-lead{
  font-family: var(--sig3d-serif);
  font-size: clamp(1.05rem, 1.5vw, 1.35rem);
  line-height:1.55;
  color:#D9D0CB;
  margin-top: 1.6rem;
}

/* — Les trois lignes de fabrication — */
.sig3d-specs{ margin-top: clamp(2rem, 3.4vw, 3rem); border-top:1px solid rgba(180,137,76,.24); }
.sig3d-spec{
  display:grid; grid-template-columns: 2.6rem 1fr;
  gap: 0 1.2rem; align-items:baseline;
  padding-block: 1.05rem;
  border-bottom:1px solid rgba(244,241,233,.09);
}
.sig3d-spec__n{
  font-family: var(--sig3d-mono);
  font-size:.72rem; letter-spacing:.1em;
  color: var(--sig3d-green-deep);
}
.sig3d-spec__k{
  font-family: var(--sig3d-sans);
  font-size:.7rem; letter-spacing:.22em; text-transform:uppercase;
  color: var(--sig3d-green);
}
.sig3d-spec__v{
  grid-column:2;
  font-family: var(--sig3d-serif);
  font-size:1.02rem; line-height:1.45; color:#D9CFC9; margin-top:.25rem;
}

.sig3d-cta{
  display:inline-flex; align-items:center; gap:.85rem;
  margin-top: clamp(1.8rem, 3vw, 2.6rem);
  font-family: var(--sig3d-sans);
  font-size: var(--fs-xs, .72rem);
  letter-spacing: var(--track-wide, .24em);
  text-transform: uppercase;
  color: var(--sig3d-paper);
  padding-bottom:.45rem;
  position:relative;
}
.sig3d-cta::before{
  content:""; position:absolute; left:0; right:0; bottom:0; height:1px;
  background: var(--sig3d-gold-soft);
  transform-origin:left; transition: transform .55s var(--sig3d-ease);
}
.sig3d-cta::after{
  content:""; width:34px; height:1px; background: var(--sig3d-gold-soft);
  transition: width .55s var(--sig3d-ease);
}
.sig3d-cta:hover::before{ transform: scaleX(1.02); }
.sig3d-cta:hover::after{ width:56px; }

/* ============================================================
   LA SCÈNE 3D
   ============================================================ */
.sig3d-showcase{
  grid-column:2; grid-row:1 / span 2;
  margin:0; align-self:center;
  display:flex; flex-direction:column; align-items:center;
  gap: .6rem;
}
.sig3d-stage{
  position:relative;
  width:100%;
  height: calc(var(--sig3d-h) * 1.34);
  display:grid; place-items:center;
  perspective: 1250px;
  perspective-origin: 50% 44%;
}
/* halo de vitrine derrière la pièce */
.sig3d-stage::before{
  content:""; position:absolute; inset:6% 2% 8%;
  background: radial-gradient(56% 44% at 50% 40%, rgba(194,204,131,.12) 0%, rgba(194,204,131,0) 70%);
  pointer-events:none;
}
/* nappe de lumière au sol : sans elle, l'ombre ne peut pas exister sur du noir */
.sig3d-stage::after{
  content:""; position:absolute; left:2%; right:2%; bottom:6%;
  height: calc(var(--sig3d-w) * .40);
  background: radial-gradient(46% 52% at 50% 74%, rgba(214,206,186,.16) 0%, rgba(214,206,186,.05) 46%, rgba(214,206,186,0) 78%);
  pointer-events:none;
}
/* filet du présentoir : le plan sur lequel la pièce est posée */
.sig3d-plinth{
  position:absolute; left:8%; right:8%; bottom:12%;
  height:1px; z-index:1; pointer-events:none;
  background: linear-gradient(90deg, rgba(180,137,76,0), rgba(180,137,76,.55) 28%, rgba(180,137,76,.55) 72%, rgba(180,137,76,0));
}

/* ombre portée — suit l'inclinaison et se resserre quand la pièce se met de chant */
.sig3d-shadow{
  position:absolute; left:50%; bottom:9.6%;
  width: calc(var(--sig3d-w) * 1.12);
  height: calc(var(--sig3d-w) * .20);
  border-radius:50%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(8,6,7,.92) 0%, rgba(8,6,7,.56) 42%, rgba(8,6,7,0) 76%);
  filter: blur(10px);
  transform: translate(-50%, 0) translateX(var(--sig3d-shx));
  animation: sig3d-shadow-breathe var(--sig3d-spin) linear infinite;
  pointer-events:none;
}

.sig3d-float{ transform-style: preserve-3d; animation: sig3d-float 11s ease-in-out infinite; }
.sig3d-scene{
  transform-style: preserve-3d;
  transform: rotateX(var(--sig3d-rx)) rotateY(var(--sig3d-ry));
}
/* promotion GPU seulement pendant la parallaxe — le reste du temps, rien */
.sig3d.is-hovered .sig3d-scene{ will-change: transform; }
.sig3d-tangage{ transform-style: preserve-3d; animation: sig3d-tangage var(--sig3d-tangage) ease-in-out infinite; }
.sig3d-spin{
  transform-style: preserve-3d;
  animation: sig3d-spin var(--sig3d-spin) linear infinite;
  will-change: transform;
}

@keyframes sig3d-spin{ from{ transform: rotateY(0deg); } to{ transform: rotateY(360deg); } }
@keyframes sig3d-tangage{
  0%,100%{ transform: rotateX(-4.5deg); }
  50%    { transform: rotateX(5.5deg); }
}
@keyframes sig3d-float{
  0%,100%{ transform: translate3d(0,-5px,0); }
  50%    { transform: translate3d(0, 5px,0); }
}
@keyframes sig3d-shadow-breathe{
  0%,100%{ transform: translate(-50%,0) translateX(var(--sig3d-shx)) scaleX(1);    opacity:.95; }
  25%    { transform: translate(-50%,0) translateX(var(--sig3d-shx)) scaleX(.26); opacity:.55; }
  50%    { transform: translate(-50%,0) translateX(var(--sig3d-shx)) scaleX(1);    opacity:.95; }
  75%    { transform: translate(-50%,0) translateX(var(--sig3d-shx)) scaleX(.26); opacity:.55; }
}

/* ============================================================
   L'OBJET — 6 faces, cuir de veau vert Élément
   ============================================================ */
.sig3d-object{
  position:relative;
  width: var(--sig3d-w);
  height: var(--sig3d-h);
  transform-style: preserve-3d;
}
.sig3d-face{
  position:absolute; left:50%; top:50%;
  backface-visibility:hidden;
  overflow:hidden;
  border-radius:5px;
}
/* — plat avant / arrière — */
.sig3d-face--front, .sig3d-face--back{
  width: var(--sig3d-w); height: var(--sig3d-h);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap: 9%;
  padding: 13% 11%;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.44),
    inset 0 -18px 40px rgba(52,58,28,.40),
    inset 16px 0 34px rgba(52,58,28,.20),
    inset -16px 0 34px rgba(52,58,28,.26);
}
.sig3d-face--front{
  transform: translate(-50%,-50%) translateZ(calc(var(--sig3d-t) / 2));
  background:
    radial-gradient(124% 90% at 28% 14%, #D6DE9C 0%, #C2CC83 38%, #9EA96A 76%, #7C8654 116%);
}
.sig3d-face--back{
  transform: translate(-50%,-50%) rotateY(180deg) translateZ(calc(var(--sig3d-t) / 2));
  background:
    radial-gradient(124% 90% at 32% 16%, #C7D08B 0%, #AFB976 44%, #8E9861 82%, #737C4D 120%);
}
/* lumière directionnelle : haut-gauche éclairé, bas-droite dans l'ombre.
   C'est ce dégradé qui fait la différence entre du cuir et de l'aplat. */
.sig3d-face--front::after, .sig3d-face--back::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(138deg,
      rgba(255,255,255,.20) 0%,
      rgba(255,255,255,.04) 22%,
      rgba(58,64,30,0) 46%,
      rgba(58,64,30,.20) 76%,
      rgba(44,49,22,.42) 100%);
  z-index:3;
}
/* — tranches : cuir tranché, teint main — */
.sig3d-face--edge{
  background:
    linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(0,0,0,.16) 22%, rgba(0,0,0,.42) 100%),
    linear-gradient(90deg, #5E6636 0%, #A8B268 30%, #A8B268 52%, #5E6636 100%);
  border-radius:1px;
}
.sig3d-face--left{
  width: var(--sig3d-t); height: var(--sig3d-h);
  transform: translate(-50%,-50%) rotateY(-90deg) translateZ(calc(var(--sig3d-w) / 2));
}
.sig3d-face--right{
  width: var(--sig3d-t); height: var(--sig3d-h);
  transform: translate(-50%,-50%) rotateY(90deg) translateZ(calc(var(--sig3d-w) / 2));
}
.sig3d-face--top{
  width: var(--sig3d-w); height: var(--sig3d-t);
  transform: translate(-50%,-50%) rotateX(90deg) translateZ(calc(var(--sig3d-h) / 2));
  background:
    linear-gradient(90deg, rgba(0,0,0,.34) 0%, rgba(255,255,255,.14) 34%, rgba(0,0,0,.34) 100%),
    linear-gradient(180deg, #A3AD6D, #A8B268);
}
.sig3d-face--bottom{
  width: var(--sig3d-w); height: var(--sig3d-t);
  transform: translate(-50%,-50%) rotateX(-90deg) translateZ(calc(var(--sig3d-h) / 2));
  background:
    linear-gradient(90deg, rgba(0,0,0,.46) 0%, rgba(0,0,0,.24) 40%, rgba(0,0,0,.5) 100%),
    linear-gradient(180deg, #A8B268, #5E6636);
}

/* — grain de peau sur les plats — */
.sig3d-grain{
  position:absolute; inset:0; z-index:2; pointer-events:none;
  background-image: var(--sig3d-grain);
  background-size: 74px 74px;
  opacity:.26;
}
/* pores du veau — volontairement très faible : un motif visible ferait toile,
   pas peau. Il ne doit se lire qu'en s'approchant de l'écran. */
.sig3d-grain::after{
  content:""; position:absolute; inset:0;
  background-image:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.30) .4px, rgba(255,255,255,0) 1.3px),
    radial-gradient(circle at 72% 66%, rgba(0,0,0,.22) .4px, rgba(0,0,0,0) 1.3px);
  background-size: 5px 5px, 11px 11px;
  opacity:.28;
}

/* — surpiqûre : creusée, avec son ourlet de lumière — */
.sig3d-stitch{
  position:absolute; inset: 7%; z-index:1;
  border:1px dashed rgba(52,58,28,.46);
  border-radius:3px;
  filter: drop-shadow(0 1px 0 rgba(255,255,255,.34));
  pointer-events:none;
}

/* — reflet spéculaire : une bande étroite qui traverse, jamais un voile — */
.sig3d-sheen{
  position:absolute; inset:-24% -46%; z-index:4;
  pointer-events:none; overflow:hidden;
  transform: translateX(var(--sig3d-lx));
  will-change: transform;
}
.sig3d-sheen i{
  display:block; width:100%; height:100%;
  background: linear-gradient(102deg,
    rgba(255,255,255,0) 32%,
    rgba(255,255,255,.05) 42%,
    rgba(255,255,255,.15) 47%,
    rgba(255,255,255,.24) 50%,
    rgba(255,255,255,.15) 53%,
    rgba(255,255,255,.05) 58%,
    rgba(255,255,255,0) 68%);
  animation: sig3d-sheen var(--sig3d-spin) linear infinite;
  opacity:0;
}
.sig3d-face--back .sig3d-sheen i{ animation-delay: calc(var(--sig3d-spin) / -2); }
/* Une seule passe de lumière, centrée exactement sur l'instant où la pièce
   fait face au regard. Le reste du tour, le reflet est hors champ. */
@keyframes sig3d-sheen{
  0%, 100%{ transform: translateX(0%);   opacity:.95; }
  6%      { transform: translateX(30%);  opacity:.55; }
  12%     { transform: translateX(58%);  opacity:0; }
  50%     { transform: translateX(58%);  opacity:0; }
  86%     { transform: translateX(-58%); opacity:0; }
  94%     { transform: translateX(-30%); opacity:.55; }
}

/* ============================================================
   LE GAUFRAGE — pressé DANS le cuir, jamais posé dessus
   ============================================================ */
.sig3d-mono{
  position:relative; z-index:1;
  width: 47%; aspect-ratio:1;
  border-radius:50%;
  display:grid; place-items:center;
  /* le creux : paroi haute dans l'ombre, fond du creux éclairé par en bas */
  background:
    radial-gradient(76% 76% at 50% 68%, rgba(255,255,255,.20) 0%, rgba(46,50,24,.06) 54%, rgba(46,50,24,.20) 100%);
  box-shadow:
    inset 0 4px 6px rgba(46,50,24,.62),
    inset 0 1px 1px rgba(46,50,24,.5),
    inset 0 -3px 4px rgba(255,255,255,.40),
    inset 0 0 0 1px rgba(46,50,24,.20),
    0 1px 0 rgba(255,255,255,.42);
}
/* filet or gaufré du médaillon */
.sig3d-mono::before{
  content:""; position:absolute; inset:8%;
  border-radius:50%;
  border:1.2px solid rgba(160,120,62,.92);
  box-shadow:
    inset 0 1px 2px rgba(46,50,24,.5),
    0 1px 0 rgba(255,255,255,.38);
}
.sig3d-mono__t{
  font-family: var(--sig3d-sans);
  font-weight:500; text-transform:uppercase;
  font-size: calc(var(--sig3d-w) * .082);
  letter-spacing:.16em; text-indent:.16em;
  line-height:1;
  /* feuille d'or : dégradé métal + ombre haute = enfoncé dans la peau */
  background: linear-gradient(166deg, #DCE3B8 0%, #AE9D9D 34%, #4A2530 62%, #65464E 78%, #6B3A47 100%);
  -webkit-background-clip:text; background-clip:text;
  color: transparent; -webkit-text-fill-color: transparent;
  filter:
    drop-shadow(0 1px 0 rgba(255,255,255,.42))
    drop-shadow(0 -1px 1px rgba(40,44,20,.62));
}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .sig3d-mono__t{ color:#4A2530; -webkit-text-fill-color:#4A2530; background:none; }
}

/* — mentions gaufrées à froid (sans or) : la lumière seule les révèle — */
.sig3d-emboss{
  position:relative; z-index:1;
  font-family: var(--sig3d-sans);
  text-transform:uppercase;
  font-size: calc(var(--sig3d-w) * .042);
  letter-spacing:.3em; text-indent:.3em;
  line-height:2; text-align:center;
  color: rgba(58,64,28,.80);
  text-shadow: 0 1px 0 rgba(255,255,255,.52), 0 -1px 1px rgba(40,44,20,.5);
}
.sig3d-emboss b{ font-weight:400; display:block; }
.sig3d-emboss--gold{
  color: rgba(126,86,34,.95);
  text-shadow: 0 1px 0 rgba(255,255,255,.5), 0 -1px 1px rgba(40,44,20,.5);
}
.sig3d-ref{
  position:relative; z-index:1;
  font-family: var(--sig3d-mono);
  font-size: calc(var(--sig3d-w) * .034);
  letter-spacing:.12em;
  color: rgba(58,64,28,.72);
  text-shadow: 0 1px 0 rgba(255,255,255,.48), 0 -1px 1px rgba(40,44,20,.36);
}
.sig3d-hair{
  position:relative; z-index:1;
  width:30%; height:1.2px;
  background: linear-gradient(90deg, rgba(160,120,62,0), rgba(160,120,62,.95), rgba(160,120,62,0));
  box-shadow: 0 1px 0 rgba(255,255,255,.42);
}

/* ============================================================
   LÉGENDES SOUS LA PIÈCE
   ============================================================ */
.sig3d-caption{ text-align:center; display:grid; gap:.55rem; }
.sig3d-caption__t{
  font-family: var(--sig3d-sans);
  font-size:.68rem; letter-spacing:.24em; text-transform:uppercase;
  color:#D0C6C2;
}
.sig3d-caption__n{
  font-family: var(--sig3d-mono);
  font-size:.63rem; letter-spacing:.08em; color:#7A5E64;
}
.sig3d-hint{
  font-family: var(--sig3d-mono);
  font-size:.63rem; letter-spacing:.08em; color: var(--sig3d-green-deep);
  opacity:0; transition: opacity .8s var(--sig3d-ease);
}
.sig3d.is-ready .sig3d-hint{ opacity:1; }
.sig3d.is-hovered .sig3d-hint{ opacity:0; }

/* ============================================================
   ENTRÉE EN SCÈNE (pilotée par IntersectionObserver)
   ============================================================ */
.sig3d-reveal{
  opacity:0; transform: translateY(22px);
  transition: opacity .9s var(--sig3d-ease), transform .9s var(--sig3d-ease);
}
.sig3d.is-in .sig3d-reveal{ opacity:1; transform:none; }
.sig3d.is-in .sig3d-reveal--2{ transition-delay:.12s; }
.sig3d.is-in .sig3d-reveal--3{ transition-delay:.24s; }
/* hors écran : on gèle tout, zéro cycle CPU/GPU */
.sig3d.is-offscreen .sig3d-float,
.sig3d.is-offscreen .sig3d-tangage,
.sig3d.is-offscreen .sig3d-spin,
.sig3d.is-offscreen .sig3d-shadow,
.sig3d.is-offscreen .sig3d-sheen i{ animation-play-state: paused; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 1080px){
  .sig3d-inner{
    grid-template-columns: 1fr;
    row-gap: 0;                    /* l'espacement est porté par les marges */
  }
  .sig3d-head, .sig3d-body{ max-width:56ch; }
  /* une seule colonne : on repasse en placement automatique, sinon les
     positions de grille explicites gagnent contre `order`. */
  .sig3d-head, .sig3d-body, .sig3d-showcase{ grid-column:1; grid-row:auto; }
  /* l'objet s'intercale entre le titre et le corps : il entre en premier */
  .sig3d-head{ order:1; }
  .sig3d-showcase{ order:2; margin-block: clamp(1rem, 4vw, 2.2rem) 0; }
  .sig3d-body{ order:3; margin-top: clamp(1.6rem, 4vw, 2.4rem); }
  .sig3d-stage{ perspective: 1500px; }
}
@media (max-width: 700px){
  .sig3d{
    --sig3d-w: clamp(158px, 46vw, 208px);
    --sig3d-t: 12px;
    --sig3d-spin: 52s;          /* plus lent, plus calme au pouce */
    --sig3d-tangage: 17s;
  }
  .sig3d-stage{ height: calc(var(--sig3d-h) * 1.24); perspective: 1700px; }
  .sig3d-spec{ grid-template-columns: 2.1rem 1fr; }
  .sig3d-hint{ display:none; }   /* pas de souris : pas de consigne souris */
}

/* ============================================================
   MOUVEMENT RÉDUIT — la pièce se fige dans une pose de vitrine
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  .sig3d-float{ animation:none; }
  .sig3d-tangage{ animation:none; transform: rotateX(6deg); }
  .sig3d-spin{ animation:none; transform: rotateY(-27deg); will-change:auto; }
  .sig3d-scene{ will-change:auto; }
  .sig3d-shadow{
    animation:none;
    transform: translate(-50%,0) scaleX(.92);
    opacity:.9;
  }
  .sig3d-face--front .sig3d-sheen i{ animation:none; opacity:.5; transform: translateX(-14%); }
  .sig3d-face--back  .sig3d-sheen i{ animation:none; opacity:0; }
  .sig3d-reveal{ opacity:1; transform:none; transition:none; }
  .sig3d-hint{ display:none; }
}