/*
 * Story player — the terminal is a film, not an application console.
 * Chrome recedes; the recorded work and narration carry the experience.
 */

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-strip,
html[data-design-system="halde"] .breadth-theater .lt-strip{
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-window,
html[data-design-system="halde"] .breadth-theater .lt-window{
  position:relative;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--text-primary) 22%,transparent);
  border-radius:0;
  box-shadow:none;
}

/* A quiet film slate: context remains, decorative window chrome disappears. */
html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-titlebar,
html[data-design-system="halde"] .breadth-theater .lt-titlebar{
  height:34px;
  padding:0 14px;
  border:0;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-dots,
html[data-design-system="halde"] .breadth-theater .lt-dots{
  width:34px;
  display:block;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-dots i,
html[data-design-system="halde"] .breadth-theater .lt-dots i{
  display:none;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-title,
html[data-design-system="halde"] .breadth-theater .lt-title{
  color:var(--lt-dim);
  font:500 9px/1 var(--font-technical);
  letter-spacing:.07em;
  transition:opacity .18s ease;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-badge,
html[data-design-system="halde"] .breadth-theater .lt-badge{
  padding:0;
  border:0;
  color:var(--lt-dim);
  font-size:8px;
  font-weight:500;
}

/* The recording owns the frame. No grid, panels, or decorative highlighting. */
html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-body,
html[data-design-system="halde"] .breadth-theater .lt-body{
  height:clamp(210px,25vh,270px);
  padding:18px 20px 24px;
  background:none;
  color:var(--lt-ink);
  font-family:var(--font-technical);
  font-size:12.5px;
  line-height:1.58;
  scrollbar-width:none;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-body::-webkit-scrollbar,
html[data-design-system="halde"] .breadth-theater .lt-body::-webkit-scrollbar{
  display:none;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-line,
html[data-design-system="halde"] .breadth-theater .lt-line{
  min-height:1.58em;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-line.ask{
  width:fit-content;
  max-width:82%;
  margin:10px 0 8px auto;
  padding:8px 11px;
  border:0;
  border-radius:14px 14px 3px 14px;
  background:color-mix(in srgb,var(--lt-accent) 16%,transparent)!important;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-line.ask::before{
  display:none;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-line.say{
  width:fit-content;
  max-width:86%;
  margin:8px 0;
  padding:8px 11px;
  border-radius:3px 14px 14px 14px;
  background:color-mix(in srgb,var(--lt-ink) 7%,transparent);
  opacity:1;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-gate,
html[data-design-system="halde"] .breadth-theater .lt-gate{
  gap:12px;
  margin:14px 0 6px;
  padding:0;
  border:0;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-gate button,
html[data-design-system="halde"] .breadth-theater .lt-gate button{
  min-height:28px;
  padding:0;
  border:0;
  border-bottom:1px solid currentColor;
  border-radius:0;
  background:transparent;
  color:var(--lt-ink);
  font-size:10px;
}

/* Prompt and receipts read as subtitles beneath the picture. */
html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-promptrow{
  min-height:40px;
  margin:5px 12px 8px;
  padding:6px 13px;
  border:1px solid color-mix(in srgb,var(--lt-ink) 16%,transparent);
  border-radius:20px;
  background:color-mix(in srgb,var(--lt-ink) 5%,transparent)!important;
  font:500 12px/1.4 var(--font-technical);
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-statusbar,
html[data-design-system="halde"] .breadth-theater .lt-statusbar{
  position:absolute;
  z-index:4;
  top:0;
  left:12px;
  right:12px;
  height:34px;
  min-height:0;
  display:flex!important;
  align-items:center;
  padding:0;
  border:0;
  color:var(--lt-dim);
  font:500 9px/1.35 var(--font-technical);
  letter-spacing:.055em;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-window:hover .lt-statusbar,
html[data-design-system="halde"] .breadth-theater .lt-window:hover .lt-statusbar,
html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-window:focus-within .lt-statusbar,
html[data-design-system="halde"] .breadth-theater .lt-window:focus-within .lt-statusbar{
  opacity:1;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-window:hover .lt-title,
html[data-design-system="halde"] .breadth-theater .lt-window:hover .lt-title,
html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-window:focus-within .lt-title,
html[data-design-system="halde"] .breadth-theater .lt-window:focus-within .lt-title{
  opacity:0;
}

/* Video transport: one hairline, bare icons, quiet timecode. */
html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-controls,
html[data-design-system="halde"] .breadth-theater .lt-controls{
  min-height:40px;
  display:flex!important;
  align-items:center;
  flex-wrap:nowrap!important;
  gap:8px;
  margin:0;
  padding:5px 13px 8px;
  border:0;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-progress,
html[data-design-system="halde"] .breadth-theater .lt-progress{
  order:0;
  min-width:48px;
  flex:1 1 auto;
  height:1px;
  margin:0 10px 0 0;
  border-radius:0;
  background:color-mix(in srgb,var(--lt-ink) 18%,transparent);
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-progress i,
html[data-design-system="halde"] .breadth-theater .lt-progress i{
  background:var(--lt-accent);
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-progress u,
html[data-design-system="halde"] .breadth-theater .lt-progress u{
  display:none;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-controls button,
html[data-design-system="halde"] .breadth-theater .lt-controls button{
  flex:0 0 28px;
  width:28px;
  height:28px;
  min-height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:var(--lt-dim);
  opacity:.72;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-controls button:hover,
html[data-design-system="halde"] .breadth-theater .lt-controls button:hover,
html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-controls button:focus-visible,
html[data-design-system="halde"] .breadth-theater .lt-controls button:focus-visible{
  background:color-mix(in srgb,var(--lt-ink) 9%,transparent);
  color:var(--lt-ink);
  opacity:1;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-time,
html[data-design-system="halde"] .breadth-theater .lt-time{
  flex:0 0 auto;
  margin:0;
  padding:0 3px;
  border-radius:0;
  background:transparent;
  color:var(--lt-dim);
  font:500 9px/1 var(--font-technical);
  letter-spacing:.02em;
}

/* The sound invitation is useful to the story, but no longer shouts. */
html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-controls [data-lt="sound"].is-inviting::before,
html[data-design-system="halde"] .breadth-theater .lt-controls [data-lt="sound"].is-inviting::before{
  inset:1px;
  border-width:1px;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-controls [data-lt="sound"].is-inviting::after,
html[data-design-system="halde"] .breadth-theater .lt-controls [data-lt="sound"].is-inviting::after{
  bottom:calc(100% + 7px);
  padding:5px 7px;
  border:1px solid var(--lt-line);
  border-radius:0;
  background:var(--bg-surface);
  box-shadow:none;
  color:var(--text-primary);
  font-size:8px;
  font-weight:600;
}

/* One white-mode screen treatment. The hero keeps slightly more contrast,
   while both players retain the same visual grammar. */
html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-window{
  --lt-ink:#fffaf4;
  --lt-dim:rgba(255,250,244,.55);
  --lt-line:rgba(255,250,244,.13);
  --lt-accent:#c17859;
  background:#17372f;
}

html[data-design-system="halde"] [data-surface="workspace"] .breadth-theater .lt-window{
  background:var(--bg-surface);
}

@media (min-width:961px) and (max-height:800px){
  html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-body,
  html[data-design-system="halde"] .breadth-theater .lt-body{
    height:112px;
    padding-block:10px 13px;
    font-size:11.5px;
  }
}

@media (max-width:620px){
  html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-body,
  html[data-design-system="halde"] .breadth-theater .lt-body{
    height:200px;
    padding:13px 12px 16px;
    font-size:11.5px;
  }

  html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-promptrow,
  html[data-design-system="halde"] .breadth-theater .lt-promptrow{
    padding-inline:12px;
  }
}