/* =============================================================
   Progettazione elettrica — IL PRODOTTO (namespace .pel-px / .pel-look /
   .pel-set / .pel-tb / .pel-plate / .pel-tile)
   File separato, caricato dopo progettazione-elettrica.css: aggiunge solo
   regole con questi prefissi, così hero e nastro clienti non cambiano.

   Quattro capitoli che continuano il linguaggio dell'hero: carta bianca,
   inchiostro blu notte, testi monospazio, un solo accento blu.
   01 · Da vicino — la tavola del foglio 32 resta ferma, la camera entra
        nei dettagli mentre si scorre.
   02 · Il set    — gli elaborati, una tessera ciascuno.
   03 · Il cartiglio — lo stesso standard nel 2019 e nel 2026.
   ============================================================= */

.page-pel {
  --px-ink: var(--corp-navy, #0b1220);
  --px-copy: #5b6778;
  --px-gray: #7b889c;
  --px-accent: var(--pel-accent, #2563eb);
  --px-accent-ink: #1d4ed8;
  --px-canvas: #f5f7fa;
}

.pel-px {
  position: relative;
  padding-block: clamp(96px, 11vw, 168px);
  background: #ffffff;
}

/* ---------- intestazioni: come l'hero, al centro e con molto respiro ---------- */
.pel-px__head {
  max-width: 920px;
  margin-inline: auto;
  text-align: center;
}
.pel-px__title {
  margin: 0.42em 0 0;
  color: var(--px-ink);
  font-size: clamp(2.5rem, 5.6vw, 4.9rem);
  font-weight: 790;
  letter-spacing: -0.048em;
  line-height: 1.01;
  text-wrap: balance;
}
.pel-px__title span { color: var(--px-gray); }
.pel-px__lede {
  margin: 26px auto 0;
  max-width: 40ch;
  color: var(--px-copy);
  font-size: clamp(1.1rem, 1.45vw, 1.32rem);
  line-height: 1.5;
  text-wrap: balance;
}

.pel-px__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* il rimando al foglio originale: un link, non un pulsante */
.pel-px__orig {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--px-accent);
  font-size: var(--fs-caption);
  font-weight: 620;
  text-decoration: none;
  white-space: nowrap;
}
.pel-px__orig svg {
  width: 13px;
  height: 13px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform 0.25s ease;
}
.pel-px__orig:hover { color: var(--px-accent-ink); }
.pel-px__orig:hover svg { transform: translateX(2px); }

/* =============================================================
   01 · DA VICINO
   ============================================================= */
.pel-look { padding-bottom: clamp(48px, 6vw, 96px); }
.pel-look__grid {
  margin-top: clamp(64px, 8vw, 120px);
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: clamp(36px, 6vw, 104px);
}
.pel-look__steps { margin: 0; padding: 0 0 16vh; list-style: none; }
.pel-look__step {
  min-height: 74vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-block: 32px;
}
.pel-look.is-live .pel-look__step {
  opacity: 0.2;
  transition: opacity 0.6s ease;
}
.pel-look.is-live .pel-look__step.is-on { opacity: 1; }
.pel-look__tok {
  margin: 0;
  color: var(--px-accent);
  font: 600 0.86rem/1.3 var(--pel-mono);
  letter-spacing: 0.02em;
}
.pel-look__step h3 {
  margin: 14px 0 0;
  color: var(--px-ink);
  font-size: clamp(1.75rem, 2.7vw, 2.6rem);
  font-weight: 770;
  letter-spacing: -0.036em;
  line-height: 1.07;
  text-wrap: balance;
}
.pel-look__step p:not([class]) {
  margin: 16px 0 0;
  max-width: 34ch;
  color: var(--px-copy);
  font-size: 1.12rem;
  line-height: 1.55;
}
.pel-look__use {
  margin: 20px 0 0;
  color: var(--pel-muted, #64748b);
  font: 500 0.72rem/1.3 var(--pel-mono);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.pel-look__stageCol { position: relative; min-width: 0; }
.pel-look__stage {
  position: sticky;
  top: calc(58px + 3vh);
  height: calc(94vh - 58px);
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
}
.pel-look__paper {
  position: relative;
  width: min(100%, calc((94vh - 58px - 72px) * 1.2152));
  margin-inline: auto;
  aspect-ratio: 480 / 395;
  overflow: hidden;
  border-radius: 26px;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.07), 0 50px 90px -60px rgba(15, 23, 42, 0.5);
}
.pel-look__stage .pel-px__cap {
  width: min(100%, calc((94vh - 58px - 72px) * 1.2152));
  margin-inline: auto;
}

.pel-px__cap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 20px;
  margin: 0;
  padding-inline: 6px;
  color: var(--pel-muted, #64748b);
  font-size: var(--fs-caption);
  line-height: 1.4;
}

/* ---------- la tavola: il foglio ridisegnato, stampato su carta ---------- */
.pel-plate {
  --pp-ink: #16202f;
  --pp-text: #41506b;
  --pp-text2: #6b7a92;
  display: block;
  width: 100%;
  height: 100%;
}
.pel-plate text {
  fill: var(--pp-text);
  font-family: var(--pel-mono);
  transition: fill 0.5s ease;
}
.pel-plate .s { fill: var(--pp-text2); }
.pel-plate .l {
  fill: none;
  stroke: var(--pp-ink);
  stroke-width: 1.1;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  transition: stroke 0.5s ease, stroke-width 0.5s ease;
}
.pel-plate .f {
  fill: none;
  stroke: #e6ebf2;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}
.pel-plate .b { stroke-width: 1.5; }
.pel-plate .d { stroke: #8290a6; stroke-dasharray: 4 3; }
.pel-plate .loc { stroke: #a3b0c3; stroke-dasharray: 6 4; }
.pel-plate .paper { fill: #ffffff; }
.pel-plate .dot,
.pel-plate .fill { fill: var(--pp-ink); transition: fill 0.5s ease; }
.pel-plate .red { fill: #e5484d; }
.pel-plate .ring { fill: #f5c518; }
.pel-plate .cap { fill: #e8edf3; }
.pel-plate .dark { fill: #2b3648; }
.pel-plate .dim { stroke: var(--px-accent); }
.pel-plate .dim.fill { fill: var(--px-accent); }
.pel-plate .dimt { fill: var(--px-accent); }

/* messa a fuoco: il dettaglio si accende, il resto arretra */
.pel-plate .pp-all > * { transition: opacity 0.6s ease; }
.pel-look.has-focus .pel-plate .pp-all > :not(.pp-grid) { opacity: 0.13; }
.pel-look.has-focus .pel-plate .pp-all > .is-lit {
  --pp-ink: var(--px-accent);
  --pp-text: var(--px-accent-ink);
  --pp-text2: var(--px-accent-ink);
  opacity: 1;
}
.pel-look.has-focus .pel-plate .is-lit .wire { stroke-width: 2.3; }

/* =============================================================
   02 · IL SET
   ============================================================= */
.pel-set { background: var(--px-canvas); }
.pel-set__grid {
  margin-top: clamp(56px, 7vw, 100px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(16px, 1.8vw, 24px);
}
.pel-tile {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: clamp(28px, 3.3vw, 48px);
  overflow: hidden;
  border-radius: 30px;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.045);
}
.pel-tile__kicker {
  margin: 0;
  color: var(--pel-accent-deep, #1e3a8a);
  font-size: var(--fs-eyebrow);
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.pel-tile h3 {
  margin: 14px 0 0;
  color: var(--px-ink);
  font-size: clamp(1.7rem, 2.6vw, 2.4rem);
  font-weight: 780;
  letter-spacing: -0.037em;
  line-height: 1.05;
  text-wrap: balance;
}
.pel-tile__copy > p:not([class]) {
  margin: 16px 0 0;
  max-width: 36ch;
  color: var(--px-copy);
  font-size: 1.06rem;
  line-height: 1.55;
}
.pel-tile .pel-px__orig { margin-top: 18px; }
.pel-tile__art {
  margin-top: auto;
  padding-top: clamp(28px, 3.4vw, 44px);
}
.pel-tile__note {
  margin: 18px 0 0;
  color: var(--pel-muted, #64748b);
  font-size: var(--fs-micro);
  line-height: 1.5;
}

/* schema: il foglio intero, lo stesso che si è composto nell'hero */
.pel-tile--schema {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.4fr);
  gap: clamp(28px, 4.4vw, 72px);
  align-items: center;
}
.pel-tile--schema .pel-tile__art { margin: 0; padding: 0; }
.pel-tile__sheet {
  overflow: hidden;
  aspect-ratio: 1139 / 779;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08), 0 36px 70px -44px rgba(15, 23, 42, 0.45);
}
.pel-tile__sheet img,
.pel-tile__sheet svg { display: block; width: 100%; height: 100%; }
.pel-tile__sheet text { font-family: var(--pel-mono); }

/* morsettiere e liste cavi: una trascrizione, in tipografia */
.pel-mt {
  width: 100%;
  border-collapse: collapse;
  color: var(--px-ink);
  font: 500 clamp(0.8rem, 1vw, 0.92rem)/1.25 var(--pel-mono);
  font-variant-numeric: tabular-nums;
}
.pel-mt th,
.pel-mt td {
  padding: 13px 10px 13px 0;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  text-align: left;
  white-space: nowrap;
}
.pel-mt thead th {
  padding-top: 0;
  color: var(--pel-muted, #64748b);
  font-size: 0.66rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-bottom-color: rgba(15, 23, 42, 0.18);
}
.pel-mt tbody th { font-weight: 650; }
.pel-mt tbody tr.is-key > * { color: var(--px-accent-ink); }
.pel-mt tbody tr.is-key > th { box-shadow: inset 0 -2px 0 var(--px-accent); }
.pel-mt__cable {
  margin: 16px 0 0;
  color: var(--px-copy);
  font: 500 0.8rem/1.45 var(--pel-mono);
}

/* layout: la pulsantiera quotata */
.pel-tile__plate { display: block; width: 100%; height: auto; }

/* verifiche: i due numeri che contano */
.pel-temp { margin: 0; }
.pel-temp > div + div { margin-top: 26px; }
.pel-temp dt {
  color: var(--pel-muted, #64748b);
  font: 500 0.74rem/1.3 var(--pel-mono);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.pel-temp dd { margin: 0; }
.pel-temp .pel-temp__val {
  margin: 6px 0 0;
  color: var(--px-ink);
  font-size: clamp(2.6rem, 4.6vw, 3.9rem);
  font-weight: 760;
  letter-spacing: -0.045em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.pel-temp__val span { margin-left: 4px; font-size: 0.42em; font-weight: 650; letter-spacing: 0; }
.pel-temp__off .pel-temp__val { color: var(--px-gray); }
.pel-temp__on .pel-temp__val { color: var(--px-accent); }
.pel-temp__bar {
  position: relative;
  display: block;
  height: 6px;
  margin-top: 12px;
  border-radius: 99px;
  background: #edf1f6;
}
.pel-temp__bar i {
  position: absolute;
  display: block;
  inset: 0 auto 0 0;
  width: var(--w);
  border-radius: 99px;
  background: currentColor;
}
.pel-temp__off .pel-temp__bar { color: #b8c2d1; }
.pel-temp__on .pel-temp__bar { color: var(--px-accent); }
.pel-temp__bar b {
  position: absolute;
  display: block;
  top: -5px;
  bottom: -5px;
  left: 23.6%;
  width: 0;
  border-left: 1.5px dashed var(--px-ink);
}
.pel-temp__limit {
  margin: 18px 0 0;
  color: var(--px-copy);
  font: 500 0.8rem/1.45 var(--pel-mono);
}
.pel-temp__limit::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 10px;
  margin-right: 8px;
  border-left: 1.5px dashed var(--px-ink);
  vertical-align: -1px;
}

/* istruzioni: il riquadro del foglio, ricomposto */
.pel-shop {
  margin: 0;
  padding: 7px;
  border: 1px solid var(--px-ink);
}
.pel-shop > div {
  padding: clamp(18px, 2.2vw, 26px) clamp(18px, 2.4vw, 30px);
  border: 1px solid var(--px-ink);
  color: var(--px-ink);
  font: 500 clamp(0.86rem, 1.15vw, 1.02rem)/1.75 var(--pel-mono);
  letter-spacing: 0.04em;
}
.pel-shop p { margin: 0; }
.pel-shop figcaption {
  margin-top: 14px;
  color: var(--pel-muted, #64748b);
  font: 500 0.72rem/1.3 var(--pel-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pel-set__scope {
  margin: clamp(32px, 4vw, 48px) auto 0;
  max-width: 62ch;
  color: var(--px-copy);
  font-size: var(--fs-body);
  line-height: 1.6;
  text-align: center;
}

/* =============================================================
   03 · IL CARTIGLIO — i due cartigli uno sopra l'altro: le colonne coincidono
   ============================================================= */
.pel-tb__fig {
  max-width: 1120px;
  margin: clamp(56px, 7vw, 100px) auto 0;
}
.pel-tb__scroll { overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
.pel-tb__stack {
  position: relative;
  display: grid;
  grid-template-columns: clamp(92px, 11vw, 132px) minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: clamp(16px, 2vw, 26px) clamp(16px, 2.4vw, 32px);
  align-items: center;
  padding-block: 6px;
}
.pel-tb__year {
  margin: 0;
  color: var(--px-ink);
  font-size: clamp(1.9rem, 3.4vw, 2.9rem);
  font-weight: 780;
  letter-spacing: -0.045em;
  line-height: 0.95;
  font-variant-numeric: tabular-nums;
}
.pel-tb__year--a { grid-area: 1 / 1; color: var(--px-gray); }
.pel-tb__year--b { grid-area: 2 / 1; }
.pel-tb__year span {
  display: block;
  margin-top: 8px;
  color: var(--pel-muted, #64748b);
  font: 500 0.66rem/1.3 var(--pel-mono);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.pel-tb__card {
  overflow: hidden;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.07), 0 26px 54px -38px rgba(15, 23, 42, 0.45);
}
.pel-tb__card--a { grid-area: 1 / 2; }
.pel-tb__card--b { grid-area: 2 / 2; }
.pel-tb__svg { display: block; width: 100%; height: auto; aspect-ratio: 697 / 91; }
.pel-plate .lab { fill: #8290a6; }
.pel-plate .val { fill: #16202f; }
.pel-plate .num { fill: #16202f; font-weight: 650; }
.pel-plate .en { fill: #6b7a92; }
.pel-plate .it { font-style: italic; }

/* le guide attraversano entrambi i cartigli sui bordi delle colonne */
.pel-tb__guides {
  position: relative;
  grid-area: 1 / 2 / 3 / 3;
  align-self: stretch;
  z-index: 1;
  margin-block: -6px;
  pointer-events: none;
}
.pel-tb__guides i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--x);
  width: 0;
  border-left: 1px dashed var(--px-accent);
  opacity: 0.55;
}

.pel-tb__fig .pel-px__cap { margin-top: 18px; padding-left: calc(clamp(92px, 11vw, 132px) + clamp(16px, 2.4vw, 32px)); }
.pel-tb__links { display: inline-flex; flex-wrap: wrap; gap: 8px 22px; }
.pel-tb__detail { display: none; }

/* all'ingresso il 2019 arriva da sinistra e si posa sotto le stesse colonne */
.reveal-ready .pel-tb__fig.pel-rv { transform: none; }
.reveal-ready .pel-tb__fig.pel-rv .pel-tb__card--a {
  transform: translateX(-4%);
  opacity: 0;
  transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1) 0.15s, opacity 0.8s ease 0.15s;
}
.reveal-ready .pel-tb__fig.pel-rv .pel-tb__guides {
  opacity: 0;
  transition: opacity 0.8s ease 1s;
}
.reveal-ready .pel-tb__fig.pel-rv.is-in .pel-tb__card--a { transform: none; opacity: 1; }
.reveal-ready .pel-tb__fig.pel-rv.is-in .pel-tb__guides { opacity: 1; }

.pel-tb__same {
  max-width: 1120px;
  margin: clamp(48px, 6vw, 84px) auto 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px clamp(24px, 4vw, 56px);
}
.pel-tb__same li {
  color: var(--px-copy);
  font-size: 1.06rem;
  line-height: 1.55;
}
.pel-tb__same b { color: var(--px-ink); font-weight: 700; }

/* =============================================================
   IL FOGLIO ORIGINALE, IN UNA FINESTRA
   ============================================================= */
.pel-px__dlg {
  width: min(1320px, calc(100vw - 32px));
  max-width: none;
  height: calc(100vh - 32px);
  height: calc(100dvh - 32px);
  max-height: none;
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 18px;
  background: #070b12;
  color: #e2e8f0;
}
.pel-px__dlg[open] { display: flex; flex-direction: column; }
.pel-px__dlg::backdrop { background: rgba(7, 11, 18, 0.78); }
.pel-px__dlgBar {
  flex: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  padding: 12px 14px 12px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.pel-px__dlgTitle {
  margin: 0;
  color: #ffffff;
  font: 600 0.86rem/1.3 var(--pel-mono);
  letter-spacing: 0.02em;
}
.pel-px__dlgHint { margin: 0 auto 0 0; color: #8ea0b8; font-size: var(--fs-caption); }
.pel-px__dlgBtn {
  appearance: none;
  min-height: 40px;
  padding: 0 17px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: transparent;
  color: #e2e8f0;
  font: 600 0.84rem/1 system-ui, -apple-system, "Segoe UI", sans-serif;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.pel-px__dlgBtn:hover { border-color: #93c5fd; color: #ffffff; }
.pel-px__dlgBtn[aria-pressed="true"] { border-color: #60a5fa; background: rgba(96, 165, 250, 0.16); }
.pel-px__dlgBtn--close { border-color: #ffffff; background: #ffffff; color: var(--px-ink); }
.pel-px__dlgBtn--close:hover { background: #e2e8f0; color: var(--px-ink); }
.pel-px__dlgStage {
  flex: 1;
  min-height: 0;
  display: grid;
  padding: 16px;
  overflow: auto;
  overscroll-behavior: contain;
}
.pel-px__dlgSheet {
  position: relative;
  margin: auto;
  aspect-ratio: var(--ar, 3 / 2);
  width: min(100%, calc((100vh - 150px) * var(--ar-n, 1.5)));
  width: min(100%, calc((100dvh - 150px) * var(--ar-n, 1.5)));
}
.pel-px__dlg.is-real .pel-px__dlgSheet { width: calc(var(--w-n, 1200) * 1px); max-width: none; }
.pel-px__dlgSheet img { display: block; width: 100%; height: 100%; }
.pel-px__dlgCrop {
  position: absolute;
  border: 1.5px dashed #60a5fa;
  border-radius: 2px;
  background: rgba(96, 165, 250, 0.07);
  pointer-events: none;
}
.pel-px__dlgCrop[hidden] { display: none; }

/* =============================================================
   ADATTAMENTO — in coda al file
   ============================================================= */
@media (max-width: 1080px) {
  .pel-tile--schema { grid-template-columns: minmax(0, 1fr); }
  .pel-tile--schema .pel-tile__art { margin-top: 8px; }
}

@media (max-width: 900px) {
  /* la tavola resta in alto, le note scorrono sotto */
  .pel-look__grid { grid-template-columns: minmax(0, 1fr); gap: 0; }
  /* il contenitore sparisce dal layout: la tavola resta agganciata per tutte le note */
  .pel-look__stageCol { display: contents; }
  .pel-look__stage {
    order: -1;
    z-index: 2;
    align-self: start;
    top: 58px;
    height: auto;
    padding: 12px 0 30px;
    background: linear-gradient(#ffffff calc(100% - 22px), rgba(255, 255, 255, 0));
    gap: 10px;
  }
  /* la fascia sopra la tavola agganciata resta pulita: il testo non ci passa dietro */
  .pel-look__stage::before {
    content: "";
    position: absolute;
    right: -16px;
    bottom: 100%;
    left: -16px;
    height: 58px;
    background: #ffffff;
  }
  .pel-look__paper,
  .pel-look__stage .pel-px__cap { width: min(100%, calc(52vh * 1.2152)); }
  .pel-look__paper { border-radius: 18px; }
  .pel-look__steps { padding-bottom: 30vh; }
  .pel-look__step { min-height: 56vh; justify-content: flex-start; padding: 40px 0 0; }
  .pel-look.is-live .pel-look__step { opacity: 0.28; }
  .pel-look__step p:not([class]) { max-width: none; }
  .pel-set__grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 720px) {
  .pel-px__cap { font-size: var(--fs-micro); }
  .pel-tile { border-radius: 24px; }
  /* su mobile il particolare leggibile: commessa, celle di sigla e numerazione dei fogli */
  .pel-tb__scroll { overflow: visible; }
  .pel-tb__stack { grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr); gap: 16px 14px; }
  .pel-tb__svg { aspect-ratio: 217 / 91; }
  .pel-tb__year { font-size: 1.7rem; }
  .pel-tb__guides { display: none; }
  .pel-tb__fig .pel-px__cap { padding-left: 0; }
  .pel-tb__detail { display: inline; }
  .pel-tb__same { grid-template-columns: minmax(0, 1fr); }
  .pel-px__dlg {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    border: 0;
    border-radius: 0;
  }
  .pel-px__dlgHint { display: none; }
  .pel-px__dlgStage { padding: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .pel-look.is-live .pel-look__step,
  .pel-plate .pp-all > *,
  .pel-plate text,
  .pel-plate .l { transition: none; }
  .reveal-ready .pel-tb__fig.pel-rv .pel-tb__card--a,
  .reveal-ready .pel-tb__fig.pel-rv .pel-tb__guides { transition: none; transform: none; opacity: 1; }
}