.hero-bg{filter:blur(6px)brightness(.65);z-index:-1;background-image:url(/images/beach.webp);background-position:50%;background-size:cover;position:fixed;inset:-20px}.hero-bg:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#0000000a 3px 4px);position:absolute;inset:0}.dvd-outer{will-change:transform;z-index:10;pointer-events:none;width:max-content;animation:7s linear infinite alternate dvd-x;position:fixed;top:0;left:0}.dvd-inner{will-change:transform;animation:5s linear infinite alternate dvd-y;display:block}.dvd-text{color:#cc4a1c;white-space:nowrap;letter-spacing:.05em;text-shadow:1px 1px #7a2500,2px 2px #7a2500,3px 3px #7a2500,4px 4px #7a2500,5px 5px #7a2500,6px 6px #7a2500,7px 7px 10px #00000080;padding:.2em .4em;font-size:clamp(1.75rem,8vw,5rem);font-weight:700;display:block}@keyframes dvd-x{0%{transform:translate(0)}to{transform:translate(calc(100vw - 100%))}}@keyframes dvd-y{0%{transform:translateY(0)}to{transform:translateY(calc(100vh - 100%))}}.hero-nav{z-index:10;gap:3rem;display:flex;position:fixed;bottom:3rem;left:50%;transform:translate(-50%)}.hero-nav a{color:#fff;letter-spacing:.1em;font-size:1.25rem;font-weight:700;text-decoration:underline}.hero-nav a:visited{color:#ddd}.hero-nav a:hover{color:#ff0}@media (width<=480px){.hero-nav{gap:1.5rem;bottom:2rem}}