/* ==========================================================================
   WORK — project CSS for nofont-work
   --------------------------------------------------------------------------
   Loaded after nofont-design-system/css/foundation.css. Deliberately bare:
   structure only, no colours, no fonts, no brand. The visual layer comes
   later, as token overrides and per-case themes keyed on the body class
   (body.ryde, body.jord …).

   Anything here is a repeated combination the system has no class for.
   Keep it that way: if a utility would do, use the utility. Lists and
   img max-width are the system reset's (nofont-design-system 2.0.0).
   ========================================================================== */


/* --- Colour scheme ------------------------------------------------------------
   Light for now, as the rest of nofont.com (Skrivr's Twentysix theme sets the
   same); dark comes with the brand theme. The design system's ink and paper
   are the browser's system colours, so switching this to `dark` changes
   everything. Change the <meta> in inc/header.php with it.
*/
:root {
  color-scheme: light;
}


/* --- Work index row ----------------------------------------------------------
   Thumb, client + one line, tags, year. The thumb is a fixed square so rows
   line up whether or not a case has one yet.
*/
.workRow {

  & .workRow__thumb {
    display: block;
    width: 3.5rem;
    aspect-ratio: 1;

    & img {
      width: 100%;
      height: 100%;
    }
  }
}