/*
 * Industrial editorial direction.
 * A continuous engineered sheet replaces section-by-section decoration.
 * Content remains untouched; this layer changes typography, ground and frame.
 */

html[data-design-system="halde"]{
  background:var(--bg-page);
}

html[data-design-system="halde"] body{
  color:var(--text-primary);
  background:var(--bg-page);
  font-family:var(--font-editorial);
}

html[data-design-system="halde"] .landing-page{
  isolation:isolate;
  position:relative;
  color:var(--text-primary);
  background-color:var(--bg-page);
  background-image:var(--texture-image);
  background-size:420px 420px;
  background-blend-mode:var(--texture-blend);
}

html[data-design-system="halde"] .landing-page.stack::before{
  display:none;
}

html[data-design-system="halde"] .landing-page > *{
  position:relative;
  z-index:1;
}

html[data-design-system="halde"] .landing-page > .pnl,
html[data-design-system="halde"] .landing-page > .landing-section,
html[data-design-system="halde"] .stack > .pnl.dividend-stage.f-sage,
html[data-design-system="halde"] .stack > .pnl.breadth-stage.f-bone{
  color:var(--text-primary);
  background:transparent!important;
  border-color:var(--border-default);
}

html[data-design-system="halde"] .landing-page :where(h1,h2,h3,h4,h5,h6,.disp,.site-section-title){
  color:var(--text-primary);
  font-family:var(--font-editorial)!important;
  font-synthesis:none;
  letter-spacing:-.055em;
}

html[data-design-system="halde"] .landing-page :where(p,li,dd,blockquote,button,a,input){
  font-family:var(--font-editorial);
}

html[data-design-system="halde"] .landing-page :where(.lab,.tag,.mono,code,pre,samp,kbd){
  font-family:var(--font-technical)!important;
}

html[data-design-system="halde"] .landing-page .play-mark{
  color:inherit;
  background:transparent;
  box-shadow:inset 0 -1px 0 currentColor;
}

html[data-design-system="halde"] header.mast,
html[data-design-system="halde"] header.mast.is-scrolled{
  color:var(--text-primary);
  border-bottom:1px solid var(--border-default);
  background:color-mix(in srgb,var(--bg-page) 91%,transparent);
  box-shadow:none;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
}

html[data-design-system="halde"] header.mast :where(a,.lnk,.mastnav,.key-help),
html[data-design-system="halde"] header.mast.is-scrolled :where(a,.lnk,.mastnav,.key-help){
  color:var(--text-primary);
}

html[data-design-system="halde"] header.mast .mastin > a img{
  filter:var(--logo-filter);
}

html[data-design-system="halde"] .landing-hero-static{
  --hero-rule:var(--border-default);
  color:var(--text-primary);
  border-color:var(--border-default);
  background:transparent!important;
}

html[data-design-system="halde"] .landing-hero-static::before{
  opacity:1;
  background:linear-gradient(90deg,transparent 0 70%,color-mix(in srgb,var(--text-primary) 3.5%,transparent) 70% 100%);
  -webkit-mask-image:none;
  mask-image:none;
}

html[data-design-system="halde"] .landing-hero-static::after{
  z-index:1;
  background:linear-gradient(90deg,var(--bg-page) 0 31%,color-mix(in srgb,var(--bg-page) 89%,transparent) 54%,transparent 76%);
}

html[data-design-system="halde"] .landing-hero-static .hero-abyss{
  z-index:0;
  width:62%;
  opacity:.12;
  filter:grayscale(1) contrast(1.35);
  mix-blend-mode:multiply;
  mask-image:linear-gradient(90deg,transparent 0,black 38%);
}

html[data-design-system="halde"] .landing-hero-static .hero-kicker{
  color:var(--accent);
  font-family:var(--font-technical);
  font-weight:560;
}

html[data-design-system="halde"] .landing-hero-static .hero-run-label,
html[data-design-system="halde"] .landing-hero-static .hero-cmd-note,
html[data-design-system="halde"] .landing-hero-static .hero-cmd-note a{
  color:var(--text-secondary);
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-strip{
  border:1px solid var(--border-default);
  background:transparent;
  box-shadow:none;
}

html[data-design-system="halde"] .landing-hero-static .hero-terminal .lt-window{
  border-color:var(--border-default);
  background:transparent;
}

html[data-design-system="halde"] .landing-hero-static .hero-compatibility,
html[data-design-system="halde"] .landing-hero-static .hero-compatibility-label,
html[data-design-system="halde"] .landing-hero-static .hero-compatibility .harness-brand{
  color:var(--text-secondary);
  border-color:var(--hero-rule);
}

html[data-design-system="halde"] .landing-hero-static .hero-compatibility .harness-brand b{
  color:var(--text-secondary);
}

html[data-design-system="halde"] .landing-hero-static .hero-compatibility .harness-brand{
  border-left:0;
}

html[data-design-system="halde"] .landing-hero-static .hero-next-cue button{
  color:var(--text-secondary);
}

html[data-design-system="halde"] .landing-hero-static .hero-next-cue{
  min-height:20px;
  justify-content:center;
  padding:5px 0 0;
}

html[data-design-system="halde"] .landing-hero-static .hero-next-cue button{
  width:auto;
  height:auto;
  min-height:0;
  padding:3px 0;
  border:0;
  background:transparent;
  color:var(--text-tertiary);
  font:540 8.5px/1 var(--font-technical)!important;
  letter-spacing:.09em;
}

html[data-design-system="halde"] .landing-hero-static .hero-next-cue button:hover,
html[data-design-system="halde"] .landing-hero-static .hero-next-cue button:focus-visible{
  border:0!important;
  background:transparent!important;
  color:var(--text-primary)!important;
}

html[data-design-system="halde"] .landing-page :where(
  .dividend-poster,
  .breadth-live,
  .closing-links
){
  border-color:var(--border-default);
}

html[data-design-system="halde"] .landing-page :where(
  .dividend-rail,
  .poster-head,
  .poster-lines,
  .poster-team,
  .poster-team-cells,
  .gives-cells,
  .breadth-heading,
  .breadth-rail,
  .breadth-live,
  .breadth-theater,
  .breadth-mint-slot,
  .closing-links
){
  border-color:var(--border-default);
}

html[data-design-system="halde"] .closing-stage{
  background:transparent;
}

html[data-design-system="halde"] .closing-stage::before{
  background:var(--border-default);
}

html[data-design-system="halde"] .bigfoot{
  color:var(--text-primary);
  background:var(--bg-surface-muted);
  border-color:var(--border-default);
}

@media (min-width:961px){
  html[data-design-system="halde"] .landing-hero-static .hero-compatibility{
    min-height:44px;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    border-top:1px solid var(--border-default);
    border-bottom:1px solid var(--border-subtle);
  }

  html[data-design-system="halde"] .landing-hero-static .hero-compatibility-label{
    min-height:44px;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:0;
    box-sizing:border-box;
    padding:0 clamp(16px,1.7vw,28px) 0 clamp(16px,1.4vw,24px);
    border-right:0;
  }

  html[data-design-system="halde"] .landing-hero-static .hero-compatibility-label .lab{
    color:var(--text-secondary);
    font-size:8px;
    letter-spacing:.08em;
  }

  html[data-design-system="halde"] .landing-hero-static .hero-compatibility-label .lab:first-child::after{
    content:" / ";
    margin-inline:8px;
    color:var(--text-tertiary);
  }

  html[data-design-system="halde"] .landing-hero-static .hero-compatibility-label .lab:last-child{
    opacity:.7;
  }

  html[data-design-system="halde"] .landing-hero-static .hero-harnesses{
    height:100%;
    box-sizing:border-box;
    padding:0 clamp(16px,1.4vw,24px) 0 0;
  }

  html[data-design-system="halde"] .landing-hero-static .harness-dock-items{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:clamp(10px,1.05vw,22px);
  }

  html[data-design-system="halde"] .landing-hero-static .hero-compatibility .harness-brand{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    grid-template-columns:none;
    gap:7px;
    padding:0;
    color:var(--text-secondary);
    opacity:1;
  }

  html[data-design-system="halde"] .landing-hero-static .hero-compatibility .harness-brand[data-simskin]:hover{
    opacity:1;
    background:transparent;
  }

  html[data-design-system="halde"] .landing-hero-static .hero-compatibility .harness-mark{
    width:21px;
    height:21px;
    flex:0 0 21px;
    color:var(--text-primary);
    filter:none;
  }

  html[data-design-system="halde"] .landing-hero-static .hero-compatibility .harness-mark svg{
    width:19px;
    height:19px;
    fill:currentColor;
  }

  html[data-design-system="halde"] .landing-hero-static .hero-compatibility .agent-letter{
    width:20px;
    height:20px;
    font-size:9px;
  }

  html[data-design-system="halde"] .landing-hero-static .hero-compatibility .harness-brand b{
    color:var(--text-secondary);
    font:520 9.5px/1 var(--font-technical);
    letter-spacing:.01em;
  }
}

@media (max-width:960px){
  html[data-design-system="halde"] .landing-hero-static::after{
    background:linear-gradient(180deg,color-mix(in srgb,var(--bg-page) 90%,transparent),transparent 56%);
  }

  html[data-design-system="halde"] .landing-hero-static .hero-abyss{
    width:100%;
    opacity:.07;
  }
}