/* Coriolis Precision — shared site styles, referenced by every page.
   Keeping the site-wide bits here (instead of injected into each file) means one edit updates every page. */

/* ── Fixed whole-page backdrop ───────────────────────────────────────────────────────────────────
   The app scene sits behind every page and stays PUT while the content scrolls over it
   (background-attachment:fixed). The image is rotated per page-load by a small inline script on each
   page; with no JS it falls back to this dole default. The strong dark scrim keeps text crisp over any
   backdrop, and the teal glow ties it to the brand. */
html{
  background-color:#14110b;
  background-image:
    radial-gradient(1200px 700px at 78% 40%, rgba(10,134,160,.16), transparent 60%),
    linear-gradient(180deg, rgba(20,17,11,.80), rgba(20,17,11,.90)),
    url('/bg/dole.jpg');
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  background-attachment:fixed;
}
body{ background:transparent; }

/* A page that carries its OWN hero ::before/::after backdrop (index) has it neutralised here, so the
   single fixed layer above is never doubled up. Harmless on pages without one. */
.hero::before, .hero::after{ background:none !important; }

/* ── Canonical page: IDENTICAL on every page except the home hero ─────────────────────────────────
   The card/sheet container, its dark header band, and the centred wordmark are pinned here so no page's
   own stylesheet can make them drift. !important because each page still carries its own .card/.sheet/
   .hero/.top rules; this is the single source of truth that wins over all of them. Scoped to .card/.sheet
   so the home page's deliberately asymmetric marketing hero (not inside a card) is left alone.
     · container : one width, centred
     · header    : one padding, one dark band, centred
     · logo      : one size — BIG, centred (was a pathetic 52–64px) */
@media screen{
  .card, .sheet{ max-width:820px !important; width:100% !important; margin:0 auto !important; }
}
.card > .hero, .sheet > .top{
  padding:38px 44px 30px !important;
  background:#1a140c !important;
  text-align:center !important;
}
.card > .hero > img, .sheet > .top > img{
  height:92px !important; width:auto !important; display:block !important; margin:0 auto 18px !important;
}