/* ---- division page hero ---- */
.dhero{position:relative;overflow:hidden;padding-block:var(--s8) var(--section);
  min-height:min(74vh,720px);display:flex;align-items:center}
.dhero .wrap{width:100%}
.dhero .inner{max-width:680px;position:relative;z-index:3}
.dlabel{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:.6875rem;
  text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:var(--accent-soft);
  border:1px solid var(--accent-line);border-radius:var(--r-xs);padding:5px 11px;margin-bottom:var(--s5)}
.dhero h1{max-width:16ch;letter-spacing:-.032em}
.dhero .lead{max-width:56ch;margin-top:var(--s5)}
.crumb{font-family:var(--mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.09em;
  color:var(--ink-subtle);margin-bottom:var(--s4)}
.crumb a{color:var(--ink-subtle)} .crumb a:hover{color:var(--ink)}
.unitrow{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--s8);align-items:start}
.unitrow + .unitrow{margin-top:var(--section)}
.klist{display:grid;gap:var(--s3);margin-top:var(--s5)}
.klist div{display:flex;gap:12px;align-items:flex-start;font-size:.9375rem;color:var(--ink-muted)}
.klist b{flex:none;font-family:var(--mono);font-size:.6875rem;color:var(--accent);
  letter-spacing:.08em;padding-top:3px;min-width:22px}
.props{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin-top:var(--s6)}
.props div{border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);background:var(--bg-raised)}
.props b{display:block;font-size:1.375rem;font-weight:600;letter-spacing:-.03em}
.props span{display:block;font-family:var(--mono);font-size:.625rem;text-transform:uppercase;
  letter-spacing:.09em;color:var(--ink-subtle);margin-top:6px;line-height:1.5}
@media(max-width:900px){.unitrow{grid-template-columns:1fr;gap:var(--s6)}.props{grid-template-columns:1fr}}

/* Let the Maestro summary cards use the full desktop container. */
@media(min-width:1001px){
  #maestro .bento{grid-column:1 / -1}
}