.split-flap-display{display:flex;justify-content:center;gap:clamp(3px,1vw,9px);padding:clamp(10px,3vw,20px);border:1px solid #e9ad8033;border-radius:14px;background:#090b0c;box-shadow:0 20px 70px #0005;max-width:100%;width:max-content;margin:auto}
.split-flap-cell{position:relative;display:block;width:clamp(29px,8vw,64px);height:clamp(46px,12vw,88px);border:1px solid #ffffff12;border-radius:5px;background:linear-gradient(#1c2023 49.5%,#101315 50%);color:#e9ad80;font-family:var(--font-display),'Josefin Sans',sans-serif;font-size:clamp(27px,6vw,56px);font-weight:600;line-height:1;perspective:300px;box-shadow:0 3px 5px #0008}
.split-flap-cell::after{content:'';position:absolute;top:50%;left:0;right:0;height:2px;background:#07090b;z-index:3;box-shadow:0 1px #ffffff09}
.split-flap-letter,.split-flap-leaf{position:absolute;inset:0;display:grid;place-items:center;padding-top:5px}
.split-flap-leaf{background:linear-gradient(#24292c 49.5%,#15191c 50%);border-radius:4px;backface-visibility:hidden;animation:flap-turn 2.5s ease-in-out var(--flap-delay) infinite;transform-origin:center}
@keyframes flap-turn{0%,68%,100%{transform:rotateX(0deg);filter:brightness(1)}76%{transform:rotateX(-90deg);filter:brightness(.55)}77%{transform:rotateX(90deg);filter:brightness(.75)}88%{transform:rotateX(0deg);filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.split-flap-leaf{animation:none}}