Mobile combing: WOTD watermark, Entertainment card breathing, Art lightbox fit

- WOTD /word: watermark was nudged too far down last round; bring it back up to
  sit JUST below the date (clears it by a few px instead of dropping markedly).
- home3 Entertainment card: stacked on mobile it lost the height it borrowed from
  Play on desktop and felt crowded — add vertical breathing (padding + gaps), not
  as tall as desktop.
- /art lightbox: on a narrow portrait phone the framed piece (image + mat + rail)
  overflowed the viewport (rail clipped → looked distorted). Cap the image so the
  WHOLE frame fits, leaving room for the caption.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
jay
2026-06-23 09:06:36 -04:00
parent cf66d99e21
commit 4720ded29c
3 changed files with 16 additions and 2 deletions
+2 -2
View File
@@ -101,9 +101,9 @@
box-shadow: 0 18px 50px -34px rgba(80, 60, 25, 0.55);
}
/* faded oversized initial bleeding off the right edge */
/* nudged down so the glyph's top curve clears the date in the top-right corner */
/* sits JUST below the date in the top-right corner — clear it, don't drop far beneath */
.wm {
position: absolute; right: clamp(-60px, -4vw, -28px); top: clamp(72px, 13vw, 118px);
position: absolute; right: clamp(-60px, -4vw, -28px); top: clamp(45px, 7vw, 62px);
font-family: 'Newsreader', Georgia, serif; font-style: italic; font-weight: 400;
font-size: clamp(220px, 42vw, 380px); line-height: 1; color: rgba(62, 110, 151, 0.06);
pointer-events: none; user-select: none;