/* ============================================================ this site's ==
   THE ONLY STYLESHEET THAT BELONGS TO THE SITE RATHER THAN THE FRAMEWORK.

   site.css is ours. A release replaces it wholesale, and only when the site has
   not touched it — so the moment a site edits one rule in there, that file is a
   hand-merge on every release from then on, for ever. Crafting Realm's ended up
   466 lines adrift and the planner would not go near it. Three rules should not
   cost that.

   This file is on the release system's SITE_OWNED list, beside server/site.ts
   and script/seed-site.ts. Nothing upstream will ever replace it, and it is
   loaded AFTER site.css, so anything here wins without needing !important.

   WHAT BELONGS HERE: an override that is true of this client and no other —
   their traders' logos must not be cropped, their gallery wants smaller tiles,
   they call the people on a page something else.

   WHAT DOES NOT: anything any other site would also want. That is a framework
   change, and it goes upstream so every site gets it. The test is simple — if
   you can imagine writing the same rule again on the next site, write it in the
   framework instead.

   Empty, nothing is linked at all: a site with nothing of its own does not pay
   for the request.
   ========================================================================== */

/* ------------------------------------------------------------ footer logo --
   13 Oct 2026: the Facebook screenshot was full colour on white, so the dark
   footer gave it a small white card. 17 Oct 2026: Simon supplied the original
   with a transparent background and asked for it straight on the plum, so the
   card went. If a white-backed logo ever comes back, so does the card:
   footer.site .brandmark img { background:#fff; padding:6px 10px; border-radius:8px } */

/* -------------------------------------------------------------- home hero --
   17 Oct 2026. Angela's photograph has the headstone, inscription and all,
   under the words at desktop widths (the picture has no horizontal slack
   there, so no focus setting moves it). The overlay's left is deeper than
   bloom's own and runs further before it fades. Plum, not black. Only the
   overlay tokens are allowed on <body> as six-digit hex, which cannot carry
   an alpha, so this is a rule rather than an override in site.ts. Above 760px
   only: below that the framework's own overlay runs top to bottom, under the
   words, and this must not undo it. */
@media (min-width:761px){
  .hero::after{
    background:
      linear-gradient(to right, rgba(46,37,64,.88), rgba(46,37,64,.14) 78%),
      linear-gradient(to top, rgba(8,10,14,.34), rgba(8,10,14,.10));
  }
  /* With her reviews turning on the right (1.79.0) the photograph is shaded
     on that side too, deeper than the framework's own, for the same reason. */
  .hero.quotes-beside:not(.plain)::after{
    background:
      linear-gradient(to right, rgba(46,37,64,.88), rgba(46,37,64,.3) 48%, rgba(46,37,64,.84) 100%),
      linear-gradient(to top, rgba(8,10,14,.34), rgba(8,10,14,.10));
  }
}

/* ------------------------------------------------ home hero: the AGT mark --
   17 Oct 2026. The framework puts a light plate behind a side picture under
   the quotations because most membership marks are dark lettering. Ours is a
   white cut of the Association's logo, so it sits straight on the photograph. */
.hero:not(.plain) .hero-aside.under-quotes img{background:none; padding:0; border-radius:0}