/* ==========================================================================
   Home — overrides for the six hero bands running as summaries

   The front page is a Page with the slug `home`, so
   swati_enqueue_page_stylesheet() picks this file up the same way it picks up
   every other per-page sheet, and it loads nowhere else. That is the whole
   scoping mechanism: nothing here can reach the pages these bands lead.

   Every rule is still prefixed `body.home`. Not belt-and-braces — the page
   sheets these bands bring with them (author-publisher.css and the rest) are
   enqueued by swati_enqueue_section_assets(), which runs after
   swati_enqueue_page_stylesheet() and therefore prints AFTER this file. At
   equal specificity they would win on source order, so these rules need the
   extra class to land.
   ========================================================================== */


/* --------------------------------------------------------------------------
   View more

   Values supplied rather than sampled: #DDCCC2 fill, ink label, and the label
   turning white on hover. The fill stays put on hover — only the label moves,
   which is what makes the change read as a state rather than a redraw.

   #DDCCC2 is the browser chrome the mosaics beside these buttons are framed
   in, so the button now ties to the artwork next to it.

   MEASURED. The resting state is 4.02:1, a shade under the 4.5:1 WCAG asks of
   a label this size — close, and much better than the white-on-taupe it
   replaces. The hover state is 1.56:1, which is genuinely low, but it is the
   transient state: the resting one is what has to be readable, nothing is
   hidden behind the hover, and the control is a filled pill that reads as a
   button whatever its label is doing. Recorded so it is a decision.

   To close the last of the resting gap without touching the fill, #635750 as
   the label reaches 4.54:1 — the same brown a shade deeper.
   -------------------------------------------------------------------------- */

body.home .section-more {
  padding: 0.62em 1.75em;
  background: #ddccc2;
  color: var(--c-ink);            /* #6B5E54 */
  /* A step heavier than the body face runs. 500 rather than 700: Questrial
     ships a single weight, so anything past 500 is synthesised and the
     geometric shapes smear. */
  font-weight: 500;
  letter-spacing: 0.01em;
}

/* The fill is restated because css/site.css darkens it on hover, and here it
   must not move. */
body.home .section-more:hover,
body.home .section-more:focus-visible {
  background: #ddccc2;
  color: #fff;
}


/* --------------------------------------------------------------------------
   Promoter and Awards — photographs first

   Both bands lead with their words on their own pages. Here they lead with the
   picture, which is what the other four bands on this page already do.

   `order` on the media column alone: there are two children, so pulling one to
   -1 is the whole swap and the other needs no rule. The column ratio is not set
   here — it is the band's own Column ratio field, swapped to match on the home
   rows, so the wide column stays under the pictures.

   Above the stacking breakpoint only. Below it css/site.css puts the media
   column second so the heading is what you land on, and that is still right
   here — a phone should not open on a mosaic with the title under it.
   -------------------------------------------------------------------------- */

@media (min-width: 1025px) {
  body.home .pt-hero-split > .media-col,
  body.home .am-hero__split > .media-col { order: -1; }
}