/* The opening film's light: its three hero glows (main.css, "project-cinematic-hero"). */
.tele-cinematic-hero { --project-hero-accent-rgb: 255, 154, 60; --project-hero-accent-2-rgb: 60, 214, 200; --project-hero-accent-3-rgb: 82, 160, 255; }

.tele-experience {
  --tele-ink: #f1ede3;
  --tele-muted: #a9b8b5;
  --tele-brass: #d8be85;
  --tele-mint: #90d4bd;
  --tele-rule: rgba(185, 214, 203, .17);
  --tele-desk-ground: #0d1c18;
  --experience-accent: var(--tele-brass);
  --experience-paper: var(--tele-ink);
  --experience-muted: var(--tele-muted);
  --experience-line: var(--tele-rule);
  color: var(--tele-ink);
  background: #071614;
}
.tele-experience .project-chapters { background: #081815f2; }
.tele-experience .tele-section { position: relative; padding: clamp(78px, 10vw, 148px) 0; }
.tele-experience .tele-section + .tele-section { border-top: 1px solid var(--tele-rule); }
.tele-experience .tele-section-heading { max-width: 760px; margin-bottom: 46px; }
.tele-experience .tele-kicker {
  display: flex; align-items: center; gap: 14px; margin: 0 0 24px;
  color: var(--tele-brass); font: var(--heading-weight) var(--text-label)/1.4 var(--font-text); letter-spacing: var(--track-label); text-transform: uppercase;
}
.tele-experience .tele-kicker > span { color: #8fa49c; font-variant-numeric: tabular-nums; }
.tele-experience .tele-section-heading h2, .tele-experience .tele-closing h2 {
  margin: 0; color: var(--tele-ink); font: var(--display-weight) clamp(38px, 5.4vw, 70px)/1.08 var(--font-display);
  letter-spacing: var(--track-display); text-wrap: balance;
}
.tele-experience .tele-section-heading p:not(.tele-kicker) {
  max-width: 640px; margin: 25px 0 0; color: var(--tele-muted); font-size: clamp(16px, 1.4vw, 18px); line-height: 1.7;
}
.tele-experience .tele-section-heading--split {
  display: grid; grid-template-columns: 1.12fr 1fr; align-items: end; max-width: none; gap: clamp(30px, 6vw, 90px);
}
.tele-experience .tele-section-heading--split h2 { max-width: 540px; }
.tele-experience .tele-section-heading--split p:not(.tele-kicker) { margin: 0; padding-bottom: 3px; }
.tele-experience .tele-spelling { background: radial-gradient(ellipse at 48% 42%, rgba(94, 156, 126, .09), transparent 70%); }

/* The desk: a bounded instrument. --tele-desk-pad is shared with the sticky phone footer, which reaches the desk's edges. */
.tele-experience .tele-desk {
  --tele-desk-pad: clamp(20px, 3.4vw, 46px);
  --tele-desk-radius: 24px;
  position: relative; isolation: isolate; padding: var(--tele-desk-pad);
  border: 1px solid rgba(210, 224, 211, .23); border-radius: var(--tele-desk-radius);
  background: linear-gradient(145deg, #172922, var(--tele-desk-ground) 72%);
  box-shadow: inset 0 1px 0 rgba(239, 242, 219, .1), 0 24px 70px rgba(0, 0, 0, .23);
}
.tele-experience .tele-desk::before, .tele-experience .tele-desk::after {
  content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%;
  border: 1px solid rgba(201, 214, 192, .32); background: #0a1712; top: 12px; pointer-events: none;
}
.tele-experience .tele-desk::before { left: 12px; }
.tele-experience .tele-desk::after { right: 12px; }
.tele-experience .tele-desk-topline {
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 12px;
  color: #b3c0b2; font-size: var(--text-label); font-weight: var(--heading-weight); letter-spacing: var(--track-label); text-transform: uppercase;
}
.tele-experience .tele-desk-label { display: inline-flex; align-items: center; gap: 9px; }
.tele-experience .tele-indicator { width: 5px; height: 5px; border-radius: 50%; background: var(--tele-mint); box-shadow: 0 0 8px rgba(144, 212, 189, .2); }
.tele-experience .tele-desk-counter { font-variant-numeric: tabular-nums; }

/* Entry. The field keeps one line height at every length; the type steps down as the text grows, so a long code
   stays whole in view without the desk moving. */
.tele-experience .tele-entry { --tele-entry-size: clamp(30px, 5.2vw, 62px); margin: 34px 0 29px; container-type: inline-size; }
.tele-experience .tele-entry > label { display: block; margin-bottom: 5px; color: #a9b8b3; font-size: var(--text-caption); }
.tele-experience .tele-entry-control {
  display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #526359;
  transition: border-color var(--motion-quick) var(--ease-standard), box-shadow var(--motion-quick) var(--ease-standard);
}
.tele-experience .tele-entry-control:focus-within { border-color: var(--tele-brass); box-shadow: 0 1px 0 0 var(--tele-brass); }
.tele-experience .tele-entry input {
  width: 100%; min-width: 0; height: calc(var(--tele-entry-size) * 1.15 + 23px); padding: 7px 0 16px; border: 0; border-radius: 0; outline: none;
  background: transparent; color: var(--tele-ink); caret-color: var(--tele-brass);
  font: var(--display-weight) min(var(--tele-entry-size), max(16px, calc((100cqi - 54px) / (var(--tele-chars, 8) * .54))))/1.15 var(--font-text);
  letter-spacing: var(--track-title); box-shadow: none; -webkit-text-fill-color: var(--tele-ink); opacity: 1;
}
.tele-experience .tele-entry input:focus-visible { outline: 0; }
.tele-experience .tele-clear {
  flex: 0 0 44px; display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 10px;
  border: 1px solid rgba(189, 212, 194, .22); border-radius: 50%; background: transparent; color: var(--tele-muted); cursor: pointer;
  transition: color var(--motion-quick) var(--ease-standard), border-color var(--motion-quick) var(--ease-standard), background-color var(--motion-quick) var(--ease-standard);
}
.tele-experience .tele-clear svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.3; }
.tele-experience .tele-clear:disabled { opacity: .35; cursor: default; }

/* The spelling line. Two grid tracks per tile, so a space can take one: words read as groups. Display density
   (up to 8 characters) keeps the poster tiles; compact density fits a long name or booking code. */
.tele-experience .tele-words {
  --tele-gap: clamp(7px, 1vw, 12px);
  display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--tele-gap);
  margin: 0; padding: 0; list-style: none; perspective: 1100px;
}
.tele-experience .tele-word-item { grid-column: span 2; min-width: 0; margin: 0; }
.tele-experience .tele-word-item--space { grid-column: span 1; }
.tele-experience .tele-word {
  --tele-rotate-x: 0deg; --tele-rotate-y: 0deg; --tele-lift: 0px;
  position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;
  width: 100%; height: 100%; min-height: clamp(151px, 15vw, 186px); padding: clamp(12px, 1.5vw, 19px);
  border: 1px solid #3e5246; border-radius: 11px; background: linear-gradient(158deg, #2b3c31, #1b2c23); color: var(--tele-ink);
  box-shadow: inset 0 1px 0 rgba(240, 236, 206, .08), 0 4px 0 #08170f, 0 5px 0 #344137;
  font: inherit; text-align: left; cursor: pointer;
  transform: translateY(var(--tele-lift)) rotateX(var(--tele-rotate-x)) rotateY(var(--tele-rotate-y));
  transition: border-color var(--motion-quick) var(--ease-standard), background-color var(--motion-quick) var(--ease-standard), box-shadow var(--motion-instant) var(--ease-standard);
  -webkit-tap-highlight-color: transparent;
}
.tele-experience .tele-word:disabled { cursor: default; opacity: 1; }
.tele-experience .tele-word-index { color: #a3b39d; font: var(--display-weight) var(--text-floor)/1 var(--font-text); letter-spacing: var(--track-label); font-variant-numeric: tabular-nums; }
.tele-experience .tele-word-letter { margin: 8px 0; font: var(--display-weight) clamp(39px, 4.5vw, 56px)/1 var(--font-display); letter-spacing: var(--track-title); }
.tele-experience .tele-word-name {
  max-width: 100%; color: #c7d0bf; font: var(--display-weight) clamp(11px, 1.15vw, 14px)/1.3 var(--font-text);
  overflow-wrap: anywhere; hyphens: auto;
}
.tele-experience .tele-word-detail { display: block; margin-top: 3px; color: var(--tele-brass); font-size: var(--text-floor); line-height: 1.3; }
.tele-experience .tele-word[data-tele-kind="literal"] .tele-word-name, .tele-experience .tele-word[data-tele-kind="space"] .tele-word-name { color: #a9b8ab; }
/* A space is a quiet separator: an open tile rather than a key. */
.tele-experience .tele-word[data-tele-kind="space"] {
  border-style: dashed; border-color: #3d4d42; background: transparent; box-shadow: none; align-items: center;
}
.tele-experience .tele-word[data-tele-kind="space"] .tele-word-letter { color: #83968a; }
.tele-experience .tele-word[data-tele-active="true"] {
  border-color: var(--tele-brass); background: linear-gradient(158deg, #414c32, #28392a);
  box-shadow: inset 0 0 0 1px rgba(216, 190, 133, .2), 0 4px 0 #08170f, 0 5px 0 #796e47;
}
.tele-experience .tele-word[data-tele-active="true"] .tele-word-letter { color: #ecd6a6; }
.tele-experience .tele-desk[data-tele-density="compact"] .tele-words { grid-template-columns: repeat(16, minmax(0, 1fr)); }
.tele-experience .tele-desk[data-tele-density="compact"] .tele-word { min-height: clamp(92px, 8vw, 108px); padding: clamp(9px, 1vw, 12px); border-radius: 9px; }
.tele-experience .tele-desk[data-tele-density="compact"] .tele-word-letter { margin: 5px 0; font-size: clamp(28px, 2.6vw, 34px); }
.tele-experience .tele-desk[data-tele-density="compact"] .tele-word-name { font-size: clamp(11px, 1vw, 12.5px); }
/* A compact space is one narrow track: its open-box glyph names it (the button's label says "Space"). */
.tele-experience .tele-desk[data-tele-density="compact"] .tele-word[data-tele-kind="space"] .tele-word-name {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.tele-experience[data-tele-motion="on"] .tele-word-item.is-arriving {
  animation: tele-word-arrive var(--motion-settle) var(--ease-spring) both; animation-delay: var(--tele-arrival-delay, 0ms);
}
@supports not (animation-timing-function: linear(0, 1)) {
  .tele-experience[data-tele-motion="on"] .tele-word-item.is-arriving { animation-timing-function: var(--ease-standard); }
}
@keyframes tele-word-arrive { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.tele-experience .tele-empty { min-height: 186px; display: grid; place-items: center; margin: 0; border: 1px dashed #465447; border-radius: 11px; color: #a9b8a8; text-align: center; }
.tele-experience [hidden] { display: none !important; }

/* Actions and the live status travel together; on phones they stay at the bottom of the screen while the desk is. */
.tele-experience .tele-desk-footer { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px 16px; margin-top: 33px; }
.tele-experience .tele-desk-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.tele-experience .tele-action {
  display: inline-flex; justify-content: center; align-items: center; gap: 9px; min-height: 46px; padding: 11px 18px;
  border: 1px solid #54654f; border-radius: 7px; background: #1c2d21; color: #e3e6d5;
  box-shadow: 0 2px 0 #08170f;
  font: var(--heading-weight) var(--text-caption)/1.4 var(--font-text); cursor: pointer;
  transition: background-color var(--motion-quick) var(--ease-standard), border-color var(--motion-quick) var(--ease-standard), box-shadow var(--motion-instant) var(--ease-standard), transform var(--motion-instant) var(--ease-standard);
}
.tele-experience .tele-action svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.tele-experience .tele-action--primary { color: #15251a; background: #d8c79e; border-color: #d8c79e; box-shadow: inset 0 1px 0 #eee1bb, 0 2px 0 #736442; }
.tele-experience .tele-action:disabled { opacity: .4; cursor: default; }
.tele-experience .tele-action[aria-pressed="true"] { border-color: var(--tele-brass); }
/* Press: the key travels into the desk (its edge closes) and settles to .985, with a short tone shift. */
.tele-experience .tele-action:active:not(:disabled) { transform: translateY(2px) scale(.985); box-shadow: 0 0 0 #08170f; background: #16251b; }
.tele-experience .tele-action--primary:active:not(:disabled) { box-shadow: inset 0 1px 0 #e4d4a8, 0 0 0 #736442; background: #cbb98c; }
.tele-experience .tele-clear:active:not(:disabled) { transform: scale(.985); background: rgba(216, 190, 133, .08); }
.tele-experience .tele-word:active:not(:disabled) {
  transform: translateY(3px) scale(.985); background: linear-gradient(158deg, #26372c, #18281f);
  box-shadow: inset 0 1px 0 rgba(240, 236, 206, .06), 0 1px 0 #08170f, 0 2px 0 #344137;
}
.tele-experience .tele-word[data-tele-kind="space"]:active:not(:disabled) { background: rgba(216, 190, 133, .05); box-shadow: none; }
.tele-experience .tele-desk-hint { margin: 0; color: #a9b6a5; font-size: var(--text-caption); }
.tele-experience .tele-spelling-status { flex: 1 0 100%; min-height: 1.6em; margin: 0; color: #d7c798; font-size: var(--text-caption); line-height: 1.6; }
.tele-experience .tele-copy-fallback { margin-top: 23px; }
.tele-experience .tele-copy-fallback label { display: block; margin-bottom: 9px; color: var(--tele-muted); font-size: var(--text-caption); }
.tele-experience .tele-copy-fallback textarea { display: block; width: 100%; min-height: 85px; padding: 12px; border: 1px solid #65765e; border-radius: 6px; background: #0c1b13; color: var(--tele-ink); font: var(--display-weight) 16px/1.6 var(--font-text); resize: vertical; }
.tele-experience .tele-demo-notes { display: flex; justify-content: space-between; gap: 22px; margin-top: 20px; }
.tele-experience .tele-demo-notes p { margin: 0; }
.tele-experience .tele-demo-notes p:last-child { max-width: 29ch; text-align: right; }
.tele-experience .tele-noscript { color: var(--tele-brass); font-size: var(--text-caption); }
.tele-experience .tele-app-section { background: #081816; }
.tele-experience .tele-pro-section { background: #0a1715; }
.tele-experience .tele-pro-notes { margin-top: 42px; border-top: 1px solid var(--tele-rule); }
.tele-experience .tele-disclosure { border-bottom: 1px solid var(--tele-rule); }
.tele-experience .tele-disclosure summary {
  display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 74px; padding: 19px 0;
  color: #dce4db; font-size: 16px; list-style: none; cursor: pointer; transition: color var(--motion-quick) var(--ease-standard);
}
.tele-experience .tele-disclosure summary::-webkit-details-marker { display: none; }
.tele-experience .tele-disclosure summary > span {
  position: relative; flex: 0 0 26px; width: 26px; height: 26px; border: 1px solid #3c5246; border-radius: 50%;
  transition: border-color var(--motion-quick) var(--ease-standard);
}
.tele-experience .tele-disclosure summary > span::before, .tele-experience .tele-disclosure summary > span::after { position: absolute; content: ""; width: 8px; height: 1px; left: 8px; top: 12px; background: var(--tele-brass); }
.tele-experience .tele-disclosure summary > span::after { transform: rotate(90deg); transition: transform var(--motion-medium) var(--ease-standard); }
.tele-experience .tele-disclosure[open] summary > span::after { transform: rotate(0); }
.tele-experience .tele-disclosure p { max-width: 800px; margin: 0; padding: 0 40px 24px 0; color: var(--tele-muted); font-size: 14px; line-height: 1.8; }
.tele-experience .tele-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 58px; gap: clamp(32px, 8vw, 100px); }
.tele-experience .tele-fact { border-top: 1px solid var(--tele-rule); padding-top: 32px; }
.tele-experience .tele-fact-mark { display: block; height: 42px; margin-bottom: 24px; color: var(--tele-brass); font: var(--display-weight) 35px/1 var(--font-display); }
.tele-experience .tele-fact-mark--lock { width: 35px; fill: none; stroke: currentColor; stroke-width: 1; }
.tele-experience .tele-fact h3 { margin: 0 0 15px; color: var(--tele-ink); font: var(--display-weight) clamp(22px, 2.7vw, 29px)/1.2 var(--font-display); letter-spacing: var(--track-heading); }
.tele-experience .tele-fact p { margin: 0; color: var(--tele-muted); font-size: 14px; line-height: 1.8; }
.tele-experience .tele-closing { padding: clamp(80px, 10vw, 150px) 0 60px; border-top: 1px solid var(--tele-rule); background: radial-gradient(ellipse at 50% 25%, #152c23, #091915 66%); text-align: center; }
.tele-experience .tele-closing-inner { display: flex; flex-direction: column; align-items: center; }
.tele-experience .tele-closing-logo { width: 80px; height: 80px; border-radius: 20px; margin-bottom: 30px; }
.tele-experience .tele-closing .tele-kicker { margin-bottom: 15px; }
.tele-experience .tele-closing h2 { font-size: clamp(62px, 9vw, 112px); }
.tele-experience .tele-closing p:not(.tele-kicker) { margin: 22px 0 32px; color: var(--tele-muted); font-size: 17px; }
.tele-experience .tele-closing-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px 30px; margin-top: 68px; }
.tele-experience .tele-closing-links a {
  display: inline-flex; align-items: center; gap: 5px; min-height: 44px; color: #aabbb1; font-size: var(--text-caption);
  text-decoration: underline 1px transparent; text-underline-offset: .32em;
  transition: color var(--motion-quick) var(--ease-standard), text-decoration-color var(--motion-quick) var(--ease-standard);
}
/* Hover and keyboard focus look alike: brass, with the link's hairline drawn. */
.tele-experience .tele-closing-links a:focus-visible, .tele-experience .tele-disclosure summary:focus-visible { color: var(--tele-brass); text-decoration-color: currentColor; }
.tele-experience .tele-word:focus-visible { border-color: #91a78b; }
.tele-experience .tele-clear:focus-visible { color: var(--tele-ink); border-color: #acb793; }
@media (hover: hover) and (pointer: fine) {
  .tele-experience .tele-word:hover:not(:disabled) { border-color: #91a78b; }
  .tele-experience .tele-action:hover:not(:disabled) { background: #2d402d; border-color: #90a482; }
  .tele-experience .tele-action--primary:hover:not(:disabled) { background: #e5d5ad; border-color: #e5d5ad; }
  .tele-experience .tele-clear:hover:not(:disabled) { color: var(--tele-ink); border-color: #acb793; }
  .tele-experience .tele-disclosure summary:hover, .tele-experience .tele-closing-links a:hover { color: var(--tele-brass); text-decoration-color: currentColor; }
  .tele-experience .tele-disclosure summary:hover > span { border-color: #6f7f62; }
}
.tele-experience .tele-action:focus-visible:not(:disabled) { border-color: #90a482; }
.tele-experience .tele-disclosure summary:focus-visible > span { border-color: #6f7f62; }
@media (max-width: 760px) {
  .tele-experience .tele-section-heading { margin-bottom: 31px; }
  .tele-experience .tele-section-heading--split { grid-template-columns: 1fr; gap: 24px; }
  .tele-experience .tele-section-heading h2 { max-width: 580px; }
  .tele-experience .tele-words { grid-template-columns: repeat(6, minmax(0, 1fr)); --tele-gap: 10px; }
  .tele-experience .tele-desk[data-tele-density="compact"] .tele-words { grid-template-columns: repeat(8, minmax(0, 1fr)); --tele-gap: 8px; }
  .tele-experience .tele-word { min-height: 154px; padding: 16px; }
  .tele-experience .tele-word-letter { font-size: 44px; }
  .tele-experience .tele-word-name { font-size: 13px; }
  .tele-experience .tele-desk[data-tele-density="compact"] .tele-word { min-height: 88px; padding: 10px 9px; }
  .tele-experience .tele-desk[data-tele-density="compact"] .tele-word-letter { margin: 4px 0; font-size: 30px; }
  .tele-experience .tele-desk[data-tele-density="compact"] .tele-word-name { font-size: 12px; }
  .tele-experience .tele-desk { --tele-desk-radius: 18px; padding-bottom: 0; }
  .tele-experience .tele-desk-footer {
    position: sticky; bottom: 0; z-index: 2; margin: 26px calc(-1 * var(--tele-desk-pad)) 0; padding: 16px var(--tele-desk-pad) max(18px, env(safe-area-inset-bottom));
    border-top: 1px solid var(--tele-rule); border-radius: 0 0 calc(var(--tele-desk-radius) - 1px) calc(var(--tele-desk-radius) - 1px);
    background: rgb(13 28 24 / .92); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2);
  }
  .tele-experience .tele-copy-fallback { margin: 0 0 var(--tele-desk-pad); padding-top: 18px; }
  .tele-experience .tele-desk-hint { width: 100%; }
  /* The footer stays compact while it rides the screen: the live line replaces the hint and keeps to two lines
     (assistive technology still hears it whole; the tiles above carry every word). */
  .tele-experience .tele-desk-footer:has(.tele-spelling-status:not(:empty)) .tele-desk-hint { display: none; }
  .tele-experience .tele-spelling-status { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .tele-experience .tele-demo-notes { display: block; }
  .tele-experience .tele-demo-notes p:last-child { max-width: 60ch; margin-top: 7px; text-align: left; }
  .tele-experience .tele-facts { gap: 35px; }
}
@media (max-width: 440px) {
  .tele-experience .tele-section { padding: 70px 0; }
  .tele-experience .tele-kicker { margin-bottom: 20px; }
  .tele-experience .tele-desk { --tele-desk-pad: 15px; padding: 23px var(--tele-desk-pad) 0; }
  .tele-experience .tele-entry { margin-top: 26px; }
  .tele-experience .tele-words { --tele-gap: 8px; }
  .tele-experience .tele-desk[data-tele-density="compact"] .tele-words { --tele-gap: 6px; }
  .tele-experience .tele-word { min-height: 132px; padding: 12px 10px; }
  .tele-experience .tele-word-letter { font-size: 38px; }
  .tele-experience .tele-word-name { font-size: 11px; }
  .tele-experience .tele-desk[data-tele-density="compact"] .tele-word { min-height: 80px; padding: 8px 7px; border-radius: 8px; }
  .tele-experience .tele-desk[data-tele-density="compact"] .tele-word-letter { margin: 3px 0; font-size: 28px; }
  .tele-experience .tele-desk[data-tele-density="compact"] .tele-word-name { font-size: 11px; }
  .tele-experience .tele-action { padding: 11px 13px; }
  .tele-experience .tele-desk-actions { gap: 8px; }
  .tele-experience .tele-disclosure summary { font-size: 14px; }
  .tele-experience .tele-facts { grid-template-columns: 1fr; margin-top: 37px; }
  .tele-experience .tele-fact-mark { margin-bottom: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  .tele-experience *, .tele-experience *::before, .tele-experience *::after { animation: none !important; transition: none !important; }
  .tele-experience .tele-word { transform: none !important; }
}
@media (forced-colors: active) {
  .tele-experience .tele-entry-control:focus-within { box-shadow: none; border-bottom-width: 2px; border-color: Highlight; }
  .tele-experience .tele-desk-footer { backdrop-filter: none; background: Canvas; }
  .tele-experience .tele-word-detail { color: CanvasText; }
}
.tele-experience[data-tele-motion="off"] .tele-word { transform: none; }