body.theme-dui {
  --bg: #f7f6f2;
  --ink: #1c1a14;
  --accent: #b56a00;
  --line: #1c1a14;
  color: #1c1a14;
  background: #f7f6f2;
}
.theme-dui .cta, .theme-dui button[type="submit"] { color: #fff; }
.theme-dui .kw-mast.is-split-rev .kw-stage {
  background: #fff;
  box-shadow: inset 0 3px 0 #b56a00;
}
.theme-dui .kw-mast.is-split-rev .kicker {
  font-family: var(--font-mono);
  letter-spacing: .12em;
  font-size: 11px;
  color: #b56a00;
}
.theme-dui .kw-mast.is-split-rev .kw-docket {
  border-top-style: dashed;
  border-top-color: rgba(181, 106, 0, .4);
}
.dui-hero.photo-hero {
  min-height: min(84vh, 820px);
  background: none;
}
.dui-hero .photo-hero-copy {
  display: grid; grid-template-columns: 1.2fr .8fr; gap: 40px; align-items: end;
}
.dui-hero .dui-meter { text-align: right; border-left: 1px solid rgba(181,106,0,.4); padding: 8px 0 8px 32px; }
.dui-hero h1 { font-size: clamp(30px, 4.2vw, 50px); max-width: 16em; }
.dui-meter { text-align: right; border-left: 1px solid rgba(181,106,0,.4); padding: 8px 0 8px 32px; }
.dui-meter .num { font-size: clamp(64px, 10vw, 120px); font-weight: 700; line-height: .9; color: #b56a00; }
.dui-meter .unit { font-size: 28px; }
.dui-meter .cap { display: block; margin-top: 12px; opacity: .6; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; line-height: 1.4; }
.dui-split { max-width: var(--max); margin: 0 auto; padding: var(--section-y) var(--gutter); display: grid; grid-template-columns: .8fr 1.2fr; gap: 48px 56px; }
.dui-split h2 { margin: 0 0 1.25rem; }
.dash { list-style: none; padding: 0; margin: 0; }
.dash li { padding: 12px 0; border-bottom: 1px dashed rgba(181,106,0,.4); line-height: 1.5; }
.clock { list-style: none; padding: 0; margin: 0; }
.clock li { display: grid; grid-template-columns: 48px 1fr; gap: 16px; margin-bottom: 22px; }
.clock li:last-child { margin-bottom: 0; }
.clock span { font-family: var(--font-mono); color: #b56a00; font-size: 12px; padding-top: 4px; }
.clock h3 { margin: 0 0 6px; line-height: 1.3; }
.clock p { margin: 0; line-height: 1.55; }
.dui-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.dui-cards a { background: #fff; padding: 20px 18px; border: 1px solid rgba(181,106,0,.28); }
.theme-dui .band.dark { background: #efebe3; color: inherit; }
@media (max-width: 800px) {
  .dui-hero .photo-hero-copy, .dui-split, .dui-cards { grid-template-columns: 1fr; }
  .dui-meter { text-align: left; border-left: 0; border-top: 1px solid rgba(181,106,0,.4); padding: 20px 0 0; }
}
