<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>GLALA</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@800;900&display=swap" rel="stylesheet">
<style>
html,body{height:100%;margin:0;background:#000;color:#fff}
body{display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.line{
font-family:"Futura","Futura PT","Montserrat",system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;
font-weight:900;letter-spacing:.18em;text-transform:uppercase;
font-size:clamp(22px,4.2vw,44px);text-align:center;padding:6vw 5vw;line-height:1.25;
opacity:0;transform:scale(.985);
animation:fade .9s ease-out forwards,breathe 5.5s ease-in-out 1s infinite;
text-shadow:0 0 6px rgba(255,255,255,.08);
}
@keyframes fade{to{opacity:1;transform:scale(1)}}
@keyframes breathe{
0%{transform:scale(1);text-shadow:0 0 6px rgba(255,255,255,.08)}
50%{transform:scale(1.012);text-shadow:0 0 12px rgba(255,255,255,.16)}
100%{transform:scale(1);text-shadow:0 0 6px rgba(255,255,255,.08)}
}
@media (prefers-reduced-motion:reduce){.line{animation:fade .8s ease-out forwards}}
</style>
</head>
<body>
<div class="line">GLALA IS DREAMING</div>
</body>
</html>