/* Project titles on the Projects page as each project's own logo, in SVG, one colour, warm white (2 Nov 2026).
   Alex: "not sure if we have enough weight on the title and if we should use SVG for them"; chose the logos 19:53.
   MonPro: its MON PRO wordmark (Archivo Black, as on monproeducation.co.uk). Visitrove: its new logo, drawn here.
   Ukason Studio: its own stacked logo. The name stays real text in the h2 for screen readers and search, hidden
   visually; the SVG is aria-hidden. Loaded after work.css. Sources: project files brand/visitrove-logo-2026-11-02. */

.w-tile-name { filter: drop-shadow(0 2px 28px rgba(0, 0, 0, .32)); }
.w-tile-name .w-logo { display: none; }

/* ---------- each project's own logo ---------- */
.w-titles--logo .w-name-type { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.w-titles--logo .w-tile-name .w-logo { display: block; width: auto; color: var(--w-warm); transition: transform 1.2s var(--w-expo), opacity .6s var(--w-io); }
.w-titles--logo .w-tile:hover .w-logo { transform: scale(1.03); }
/* sized by eye so the three carry the same weight. Visitrove's logo (2 Nov) is our drawing: its name in Archivo 800, the
   app's own face, with the V drawn as a tick whose right arm rises past the capitals (a visit approved). Ukason Studio's
   logo is its own stacked lockup, with the big letters thickened by a stroke so they hold on a busy film. */
.w-titles--logo .w-tile-name .w-logo--monpro { height: clamp(40px, 4.5vw, 86px); }
.w-titles--logo .w-tile-name .w-logo--visitrove { height: clamp(60px, 6.6vw, 128px); }
.w-titles--logo .w-tile-name .w-logo--studio { height: clamp(170px, 15.5vw, 300px); }
/* the candles sit right behind it, so it gets a deeper, wider shade than the others */
.w-titles--logo #p-studio .w-tile-name { filter: drop-shadow(0 0 36px rgba(0, 0, 0, .5)) drop-shadow(0 2px 10px rgba(0, 0, 0, .35)); }

@media (max-width: 760px) {
  .w-titles--logo .w-tile-name { width: auto; }
  .w-titles--logo .w-tile-name .w-logo--monpro { height: auto; width: 72vw; }
  .w-titles--logo .w-tile-name .w-logo--visitrove { height: auto; width: 64vw; }
  .w-titles--logo .w-tile-name .w-logo--studio { height: 170px; }
}