* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: #fff; color: #111; font-family: Arial, Helvetica, sans-serif; overflow: hidden; }
.landing { position: relative; min-height: 100vh; overflow: hidden; cursor: crosshair; }
.landing-word { position: absolute; inset: 0; display: block; color: inherit; text-decoration: none; }
.landing-word img { position: absolute; display: block; width: clamp(9rem, 24vw, 25rem); aspect-ratio: 1; user-select: none; pointer-events: none; will-change: transform; }
.landing-word img:nth-child(1) { left: 7vw; top: 8vh; }
.landing-word img:nth-child(2) { left: 31vw; top: 14vh; }
.landing-word img:nth-child(3) { left: 54vw; top: 57vh; }
.landing-word img:nth-child(4) { left: 77vw; top: 62vh; }
.landing-hint { position: fixed; left: 12px; bottom: 12px; margin: 0; font-size: 13px; }
@media (max-width: 760px) { .landing-word img { width: 25vw; } .landing-hint { font-size: 12px; } }