/* DEPRECATED — kept so the 27 pages that still link it keep working.
   The design system now lives in /tempo.css and the chrome markup in /shell.js.
   Do not add rules here; add them to tempo.css. */
@import url('/tempo.css');

/* Department "view as" filter — highlight, don't hide. */
html[data-co-view] [data-co-dept]{opacity:.28;transition:opacity .2s}
html[data-co-view="leads"]    [data-co-dept~="leads"],
html[data-co-view="creative"] [data-co-dept~="creative"],
html[data-co-view="auddev"]   [data-co-dept~="auddev"],
html[data-co-view="support"]  [data-co-dept~="support"],
html[data-co-view="ops"]      [data-co-dept~="ops"],
html[data-co-view="release"]  [data-co-dept~="release"]{opacity:1}

html.tm-embedded .tm-strip,
html.tm-embedded .tm-nav,
html.co-embedded .tm-strip,
html.co-embedded .tm-nav{display:none}

/* Legacy .co-* chrome aliases — old markup maps onto the tempo chrome. */
.co-strip{composes:tm-strip}
.co-eyebrow{font:700 11px/1 var(--font-sans);letter-spacing:3px;text-transform:uppercase;color:var(--flame);margin:0 0 18px}
.co-display{font-family:var(--font-sans);font-size:clamp(52px,10.5vw,128px);font-weight:900;letter-spacing:-.045em;line-height:.86;color:var(--ink);margin:0}
.co-deck{font:400 15px/1.5 var(--font-sans);color:var(--fog);max-width:56ch;margin:18px 0 0}
.co-rule{border:0;border-top:2px solid var(--ink);margin:26px 0 0}
.co-band{background:var(--ink);color:#FCFDF8;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:24px 26px}
.co-badge{background:var(--flame);color:#fff;font:700 10px/1 var(--font-sans);letter-spacing:1.5px;text-transform:uppercase;padding:5px 8px}
.co-sec{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:10px;margin:44px 0 20px}
.co-sec h2{font:900 30px/1 var(--font-sans);letter-spacing:-.03em;margin:0;color:var(--ink)}
.co-sec .co-lab{font:700 10px/1 var(--font-sans);letter-spacing:1.5px;text-transform:uppercase;color:var(--fog)}
.co-sec .co-count{margin-left:auto;font:400 12px/1 var(--font-sans);color:var(--fog)}
