/* credit line: © + link to X — kept dim, it only lights up on hover */
.credit-line{margin-top:44px;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 10px;
  font:400 10px/1.4 var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}
.credit-line i{font-style:normal;opacity:.6}
.credit-line a{color:var(--dim);text-decoration:none;text-transform:none;letter-spacing:.08em;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .25s,border-color .25s}
.credit-line a em{font-style:normal;text-transform:uppercase;letter-spacing:.18em;margin-left:4px}
.credit-line a:hover,.credit-line a:focus-visible{color:var(--amber);border-color:var(--amber);outline:none}
.ctrls .xlink{color:var(--dim);text-decoration:none;padding:6px 8px;font-size:10.5px;letter-spacing:.14em;line-height:1;white-space:nowrap;transition:color .25s}
.ctrls .xlink:hover,.ctrls .xlink:focus-visible{color:var(--amber);outline:none}
@media (max-width:899px){ .ctrls .xlink{display:none} .credit-line{margin-top:32px;letter-spacing:.12em} .credit-line i{display:none} }