<!doctype html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<style>
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:#0f0f10;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.stage{position:absolute;inset:0;display:grid;place-items:center;container-type:size}
body,.stage{background:#ece7de}
.s{position:relative;width:34cqw;height:22cqw}
.c{position:absolute;inset:0;border-radius:18px;box-shadow:0 20px 40px -16px rgba(0,0,0,.35);padding:2cqw;color:#fff;font-weight:700;font-size:2.4cqw;animation:sh 3.6s cubic-bezier(.65,0,.35,1) infinite}
.c:nth-child(1){background:#1f6f5c;animation-delay:0s}.c:nth-child(2){background:#c2410c;animation-delay:-1.2s}.c:nth-child(3){background:#334155;animation-delay:-2.4s}
@keyframes sh{0%{transform:translate(0,0) rotate(0);z-index:3}20%{transform:translate(60%,-8%) rotate(8deg);z-index:3}33%{transform:translate(4%,-6%) rotate(-3deg);z-index:1}66%{transform:translate(2%,-3%) rotate(-1.5deg);z-index:2}100%{transform:translate(0,0) rotate(0);z-index:3}}
</style></head>
<body><div class="stage"><div class="s"><div class="c">Briefs</div><div class="c">Storyboards</div><div class="c">Renders</div></div></div></body></html>