.hero { overflow: clip; }
.hero-secret-papers { animation: hero-papers-float 5.4s ease-in-out infinite; transition: opacity 420ms ease, filter 420ms ease; }
@keyframes hero-papers-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
.hero-secret-target { position: absolute; z-index: 3; display: grid; place-items: center; padding: 0; border: 0; background: transparent; cursor: pointer; border-radius: 10px; }
.hero-secret-target:focus-visible { outline: 1px solid #b3eaffaa; outline-offset: 3px; }
.hero-secret-lock { width: calc(80px * var(--secret-scale)); height: calc(94px * var(--secret-scale)); opacity: 0; transform: scale(.86); filter: drop-shadow(0 0 6px #6cd6ff55); transition: opacity 300ms ease, transform 500ms cubic-bezier(.16,1,.3,1); pointer-events: none; }
.is-secret-protected .hero-secret-papers { opacity: .32; filter: brightness(.75); animation-play-state: paused; }
.is-secret-protected .hero-secret-lock { opacity: 1; transform: scale(1); }
.hero-scene-paused .hero-secret-papers { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { .hero-secret-papers { animation: none; transition: none; } .hero-secret-lock { transition: none; } }


.hero-paper-cutout { filter: saturate(.65) brightness(1.035); }