/* dilcue.com only — never synced. shared/style.css is the shared source;
   this file holds styles the professional site does not want. */

/* Official YouTube and Twitch marks. They are non-square in opposite
   directions (YouTube landscape, Twitch Glitch portrait), so object-fit
   fits each inside its slot without stretching it. The brand guidelines
   forbid distorting or recolouring the marks, which is also why there is
   no border-radius and no amber glow here. */
.project-visual .icon-brand {
  width: 84px;
  height: 84px;
  object-fit: contain;
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.45));
}

/* The Glitch is a solid shape filling 76% of its box, against YouTube's
   33% — at equal box sizes it carries 2.28x the ink and reads much
   heavier. This scales it to 0.83, half-way to equal ink area: enough
   that the purple stops dominating, not so far that Twitch looks
   undersized. The aspect ratio is preserved, so the mark is not
   distorted. */
.project-visual .icon-brand--twitch {
  width: 60px;
  height: 70px;
}