/* ==========================================================================
   Reel Lab Audio — the corner lockup (task 017)

   rla │ REEL LAB
       │ AUDIO

   Standalone on purpose: both the redesign (site_base.html) and the old
   bases (base.html) load it, so the mark is one thing on every page. It
   uses only currentColor, so it takes the colour of wherever it sits.

   The monogram face is NOT final. The brief's mockup uses Playfair Display
   italic as the nearest free match to the Pocket Console mark, and says to
   confirm the face with Tahina first. Until she does, it is set in the
   system's own serif italic (Georgia on macOS and Windows), which costs no
   font file. To use the confirmed face: add its woff2 to static/fonts/, an
   @font-face here, and put its family first in --lockup-serif.
   ========================================================================== */

@font-face {
  font-family: "Martian Mono";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("../fonts/martian-mono-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF;
}

/* a.lockup.lockup: the old bases style every link in their footer and menu
   (`.footer-col a { display: block }` and friends), and those must not win. */
a.lockup.lockup {
  --lockup-serif: Georgia, "Times New Roman", Times, serif;
  --lockup-mark: 34px;
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  color: inherit;
  padding: 0;
  border: 0;
  background: none;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1;
}
a.lockup.lockup:hover { text-decoration: none; }
.lockup--footer { --lockup-mark: 46px; }

.lockup__mark {
  font-family: var(--lockup-serif);
  font-style: italic;
  font-weight: 400;
  text-transform: none;   /* a parent may set uppercase; the mark is lowercase */
  font-size: var(--lockup-mark);
  letter-spacing: -0.03em;
  line-height: 0.82;
  /* the italic's overhang would otherwise touch the hairline */
  padding-right: 0.06em;
}

.lockup__name {
  display: flex;
  flex-direction: column;
  gap: 0.35em;
  padding-left: 0.75em;
  border-left: 1px solid currentColor;
  border-left-color: color-mix(in srgb, currentColor 45%, transparent);
  font-family: "Martian Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  line-height: 1.1;
}
.lockup--footer .lockup__name { font-size: 12px; }