/*
 * Compounding proof
 * -----------------
 * One measured comparison, one transparent calculation, and one clearly
 * labelled projection. The visual grammar is a ruled evidence sheet rather
 * than a collection of dashboard cards.
 */

html[data-design-system="halde"] .stack>.pnl.dividend-stage.f-sage{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:0 var(--ds-grid-gap);
  box-sizing:border-box;
  color:var(--text-primary);
  border-top:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);
  background:var(--bg-page);
}

html[data-design-system="halde"] .dividend-rail{
  order:0;
  grid-column:1/-1;
  width:100%;
  max-width:none;
  border-left:0;
}

html[data-design-system="halde"] .dividend-kicker{
  display:block;
  margin-bottom:16px;
  color:var(--accent);
  opacity:1;
}

html[data-design-system="halde"] .landing-page .dividend-rail h2.ds-title--section{
  max-width:12ch;
  margin:0;
}

html[data-design-system="halde"] .landing-page .dividend-dek.ds-intro-body{max-width:47ch}

html[data-design-system="halde"] .dividend-poster{
  order:1;
  grid-column:1/-1;
  overflow:hidden;
  display:block;
  padding:0;
  color:var(--text-primary);
  border:1px solid var(--border-default);
  border-radius:6px;
  background:var(--bg-surface);
  box-shadow:0 18px 52px color-mix(in srgb,var(--text-primary) 7%,transparent);
}

html[data-design-system="halde"] .poster-head{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  box-sizing:border-box;
  margin:0;
  padding:13px 24px;
  border-bottom:1px solid var(--border-default);
  background:color-mix(in srgb,var(--bg-paper) 48%,var(--bg-surface));
}

html[data-design-system="halde"] .poster-head .lab,
html[data-design-system="halde"] .poster-measure-head .lab{
  color:var(--text-secondary);
  opacity:1;
}

html[data-design-system="halde"] .poster-eg{
  flex:0 0 auto;
  text-align:right;
}

html[data-design-system="halde"] .poster-equation{
  display:grid;
  grid-template-columns:minmax(0,1.72fr) minmax(240px,.68fr);
  align-items:stretch;
  background:var(--bg-surface);
}

html[data-design-system="halde"] .poster-measure{
  min-width:0;
  padding:clamp(30px,3.8vw,58px);
}

html[data-design-system="halde"] .poster-measure-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-bottom:13px;
  border-bottom:1px solid var(--border-default);
}

html[data-design-system="halde"] .poster-metric{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);
  gap:clamp(24px,3vw,48px);
  align-items:end;
  box-sizing:border-box;
  padding:clamp(24px,3vw,38px) 0;
  border-bottom:1px solid var(--border-subtle);
}

html[data-design-system="halde"] .poster-metric:last-child{
  padding-bottom:0;
  border-bottom:0;
}

html[data-design-system="halde"] .poster-metric-copy .lab{
  color:var(--text-secondary);
  opacity:1;
}

html[data-design-system="halde"] .poster-metric-copy strong{
  display:block;
  margin-top:10px;
  color:var(--text-primary);
  font-family:var(--font-editorial);
  font-size:clamp(42px,4.6vw,76px);
  font-variation-settings:"wght" 500;
  font-weight:500;
  letter-spacing:-.065em;
  line-height:.86;
  white-space:nowrap;
}

html[data-design-system="halde"] .poster-metric-copy p{
  margin:10px 0 0;
  color:var(--text-secondary);
  font-size:14px;
  line-height:1.35;
}

html[data-design-system="halde"] .poster-track{
  position:relative;
  height:8px;
  margin-bottom:8px;
  overflow:visible;
  background:color-mix(in srgb,var(--text-primary) 10%,transparent);
}

html[data-design-system="halde"] .poster-track i{
  position:absolute;
  inset:0 auto 0 0;
  width:var(--measure);
  min-width:8px;
  display:block;
  background:var(--text-primary);
  transform-origin:left center;
}

html[data-design-system="halde"] .poster-repeat .poster-track i{background:var(--accent)}

html[data-design-system="halde"] .poster-result{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-end;
  box-sizing:border-box;
  padding:clamp(30px,3.8vw,58px);
  border-left:1px solid var(--border-default);
  background:color-mix(in srgb,var(--bg-paper) 46%,var(--bg-surface));
}

html[data-design-system="halde"] .poster-result .lab{
  max-width:17ch;
  color:var(--text-secondary);
  opacity:1;
}

html[data-design-system="halde"] .poster-result strong{
  display:block;
  margin-top:18px;
  color:var(--accent);
  font-family:var(--font-editorial);
  font-size:clamp(74px,8vw,126px);
  font-variation-settings:"wght" 520;
  font-weight:520;
  letter-spacing:-.08em;
  line-height:.78;
  white-space:nowrap;
}

html[data-design-system="halde"] .poster-result p{
  max-width:14ch;
  margin:20px 0 0;
  color:var(--text-secondary);
  font-size:clamp(15px,1.2vw,18px);
  line-height:1.3;
}

html[data-design-system="halde"] .poster-calculation{
  min-height:54px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  box-sizing:border-box;
  padding:13px 24px;
  border-top:1px solid var(--border-default);
  border-bottom:1px solid var(--border-default);
  background:var(--bg-surface);
}

html[data-design-system="halde"] .poster-calculation .lab{
  color:var(--text-secondary);
  opacity:1;
}

html[data-design-system="halde"] .poster-calculation code{
  justify-self:center;
  color:var(--text-primary);
  font:600 clamp(11px,1vw,14px)/1.35 var(--font-technical);
  letter-spacing:0;
  text-align:center;
}

html[data-design-system="halde"] .poster-calculation .lab:last-child{
  color:var(--accent);
  text-align:right;
}

html[data-design-system="halde"] .poster-team{
  display:grid;
  grid-template-columns:minmax(230px,.68fr) minmax(0,1.32fr);
  gap:clamp(30px,5vw,76px);
  align-items:start;
  margin:0;
  padding:clamp(34px,4.2vw,64px);
  border:0;
  background:var(--bg-surface-muted);
}

html[data-design-system="halde"] .poster-team-context{
  align-self:start;
  padding-top:4px;
}

html[data-design-system="halde"] .poster-team-context>.lab{
  display:block;
  margin:0 0 18px;
  color:var(--accent);
  opacity:1;
}

html[data-design-system="halde"] .poster-team-context strong{
  display:block;
  max-width:15ch;
  color:var(--text-primary);
  font:520 clamp(30px,3vw,46px)/.98 var(--font-editorial);
  letter-spacing:-.05em;
}

html[data-design-system="halde"] .poster-team-context p{
  max-width:31ch;
  margin:18px 0 0;
  color:var(--text-secondary);
  font-size:14px;
  line-height:1.5;
}

html[data-design-system="halde"] .poster-team-cells{
  min-width:0;
  display:block;
  border-top:1px solid var(--text-primary);
  border-bottom:1px solid var(--text-primary);
}

html[data-design-system="halde"] .poster-cost-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:20px;
  padding:10px 0;
  border-bottom:1px solid var(--border-default);
}

html[data-design-system="halde"] .poster-cost-head .lab{
  color:var(--text-tertiary);
  opacity:1;
}

html[data-design-system="halde"] .poster-team-cells article{
  min-width:0;
  min-height:92px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:center;
  box-sizing:border-box;
  padding:18px 0;
  border:0;
  border-bottom:1px solid var(--border-default);
  border-radius:0;
  background:transparent;
}

html[data-design-system="halde"] .poster-team-cells article.is-ember{
  border-color:var(--border-default);
  background:transparent;
}

html[data-design-system="halde"] .poster-team-cells .lab{
  color:var(--text-secondary);
  opacity:1;
}

html[data-design-system="halde"] .poster-team-cells small{
  display:block;
  margin-top:7px;
  color:var(--text-tertiary);
  font:600 10px/1.3 var(--font-technical);
  letter-spacing:.03em;
}

html[data-design-system="halde"] .poster-team-cells article>strong{
  display:block;
  color:var(--text-primary);
  font:520 clamp(34px,3.6vw,56px)/.9 var(--font-editorial);
  letter-spacing:-.06em;
  text-align:right;
  white-space:nowrap;
}

html[data-design-system="halde"] .poster-team-cells .is-ember>strong{color:var(--accent)}

html[data-design-system="halde"] .poster-team-cells article>strong i{
  margin-left:6px;
  color:var(--text-secondary);
  font:650 9px/1 var(--font-technical);
  font-style:normal;
  letter-spacing:.04em;
  text-transform:uppercase;
}

html[data-design-system="halde"] .poster-cost-note{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:20px;
  align-items:baseline;
  padding:13px 0 14px;
}

html[data-design-system="halde"] .poster-cost-note .lab{
  color:var(--accent);
  opacity:1;
}

html[data-design-system="halde"] .poster-cost-note strong{
  justify-self:end;
  color:var(--text-secondary);
  font:520 14px/1.35 var(--font-editorial);
  letter-spacing:-.01em;
  text-align:right;
}

html[data-design-system="halde"] .poster-foot{
  min-height:54px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:24px;
  align-items:center;
  box-sizing:border-box;
  margin:0;
  padding:13px 24px;
  color:var(--text-secondary);
  border-top:1px solid var(--border-default);
  background:color-mix(in srgb,var(--bg-paper) 36%,var(--bg-surface));
  text-align:left;
}

html[data-design-system="halde"] .poster-foot .lab{
  color:var(--text-secondary);
  opacity:1;
  white-space:nowrap;
}

html[data-design-system="halde"] .poster-foot p{
  justify-self:end;
  margin:0;
  color:var(--text-tertiary);
  font-size:12px;
  line-height:1.4;
  text-align:right;
}

/* The evidence remains readable before motion; reveal only guides attention. */
html[data-design-system="halde"] .dividend-stage [data-gives-reveal]{
  opacity:.56;
  transform:translateY(8px);
  transition:opacity .5s ease calc(var(--reveal)*110ms),transform .58s cubic-bezier(.22,1,.36,1) calc(var(--reveal)*110ms);
}

html[data-design-system="halde"] .dividend-stage.is-revealed [data-gives-reveal]{
  opacity:1;
  transform:none;
}

@media (max-width:960px){
  html[data-design-system="halde"] .stack>.pnl.dividend-stage.f-sage{
    grid-template-columns:minmax(0,1fr);
    column-gap:0;
  }
  html[data-design-system="halde"] .dividend-rail{width:auto;min-width:0;display:block}
  html[data-design-system="halde"] .landing-page .dividend-rail h2.ds-title--section{max-width:12ch;margin-bottom:22px}
  html[data-design-system="halde"] .landing-page .dividend-dek.ds-intro-body{width:100%;max-width:55ch}
  html[data-design-system="halde"] .poster-equation{grid-template-columns:1fr}
  html[data-design-system="halde"] .poster-result{
    min-height:180px;
    align-items:flex-start;
    border-top:1px solid var(--border-default);
    border-left:0;
  }
  html[data-design-system="halde"] .poster-team{grid-template-columns:1fr}
  html[data-design-system="halde"] .poster-team-context strong{max-width:none}
  html[data-design-system="halde"] .poster-team-context p{max-width:52ch}
}

@media (max-width:620px){
  html[data-design-system="halde"] .dividend-poster{border-radius:4px}
  html[data-design-system="halde"] .poster-head{align-items:flex-start;flex-direction:column;gap:7px;padding:15px 16px}
  html[data-design-system="halde"] .poster-eg{text-align:left}
  html[data-design-system="halde"] .poster-measure{padding:26px 18px}
  html[data-design-system="halde"] .poster-measure-head .lab:last-child{display:none}
  html[data-design-system="halde"] .poster-metric{grid-template-columns:1fr;gap:18px;padding:24px 0}
  html[data-design-system="halde"] .poster-metric-copy strong{font-size:48px}
  html[data-design-system="halde"] .poster-result{min-height:170px;padding:28px 18px}
  html[data-design-system="halde"] .poster-result strong{font-size:82px}
  html[data-design-system="halde"] .poster-calculation{grid-template-columns:1fr;gap:7px;padding:16px 18px}
  html[data-design-system="halde"] .poster-calculation code{justify-self:start;text-align:left;font-size:10px}
  html[data-design-system="halde"] .poster-calculation .lab:last-child{text-align:left}
  html[data-design-system="halde"] .poster-team{gap:30px;padding:30px 18px}
  html[data-design-system="halde"] .poster-team-cells article{grid-template-columns:minmax(0,1fr) auto;gap:14px}
  html[data-design-system="halde"] .poster-team-cells article>strong{font-size:34px}
  html[data-design-system="halde"] .poster-cost-note{grid-template-columns:1fr;gap:6px}
  html[data-design-system="halde"] .poster-cost-note strong{justify-self:start;text-align:left}
  html[data-design-system="halde"] .poster-foot{grid-template-columns:1fr;gap:7px;padding:16px 18px}
  html[data-design-system="halde"] .poster-foot p{justify-self:start;text-align:left}
}

@media (max-width:374px){
  html[data-design-system="halde"] .poster-team-cells article{grid-template-columns:1fr;gap:10px}
  html[data-design-system="halde"] .poster-team-cells article>strong{text-align:left}
}

@media (prefers-reduced-motion:reduce){
  html[data-design-system="halde"] .dividend-stage [data-gives-reveal]{
    opacity:1;
    transform:none;
    transition:none;
  }
}