/* DNEG AI Roadmap: css/views/overview.css
   The Overview (.lens-overview): the hero as the page head, the brief under it, then the folded sections. The brief (lk-brief) and the
   folds (lk-fold) are the shared kit styles in site.css and department.css, and the page is an lk-page, so the kit's section and note
   rules apply. This file only tunes the hero for its new job as a page head. Tokens only. */

/* The hero leads into the brief, so it is smaller than the stand-alone hero was: the answer has to be on the first screen. */
.lens-overview .hero { padding-top: 0; }
.lens-overview .hero .title { font-size: clamp(2.1rem, 4.6vw, 3.7rem); margin-bottom: .8rem; }
.lens-overview .hero .lede { font-size: clamp(1rem, 1.35vw, 1.2rem); max-width: 56ch; }
/* the two buttons and "Show everything" (the tools row, which Present mode hides) */
.lens-overview .hero .lk-headtools { align-items: center; margin-top: 1.1rem; }
/* "Show everything" matches the two buttons beside it */
.lens-overview .hero .lk-expandall { padding: 7px 14px; font-size: inherit; border-radius: 8px; }
/* a name as a fact's value (see nameValue in overview.js): smaller than the numbers, so a long platform name stays short */
.lens-overview .lk-brief { margin-top: clamp(1.4rem, 3vw, 2.2rem); }
.lens-overview .lk-brief .lk-note { margin-top: .9rem; max-width: 80ch; }
.lens-overview .closing-band { margin-top: clamp(2.4rem, 5vw, 3.8rem); }