.compact-wave-wall{background:var(--wl-cream);color:var(--wl-navy)}
.wall-intro{text-align:center;padding-block:40px 30px}.wall-intro h1{font-size:clamp(34px,5vw,52px);margin:0 0 12px}.wall-intro p{font-size:18px;margin:0}
.wave-examples{display:grid;grid-template-columns:repeat(3,minmax(0,238px));gap:30px;justify-content:center;align-items:start;max-width:900px}
.wave-example{min-width:0;background:transparent;border:0;box-shadow:none}
.wall-cover,.wave-example video{display:block;box-sizing:border-box;width:100%;aspect-ratio:9/16;border:1px solid var(--wl-line);border-radius:14px;overflow:hidden;background:var(--wl-navy)}
.wave-example video{height:auto;object-fit:contain}
.wave-example video[hidden],.wall-cover[hidden]{display:none!important}
.wall-cover{position:relative;padding:0;color:var(--wl-navy);cursor:pointer;text-align:center}
.wall-cover>img{display:block;width:100%;height:100%;object-fit:contain}
.wall-cover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--wl-navy);border-radius:50%;background:var(--wl-cream);color:var(--wl-navy);box-shadow:0 2px 12px #1C2B4A24;pointer-events:none}
.wall-cover-play svg{width:27px;height:27px;display:block;margin-left:1px}
.wall-cover:hover .wall-cover-play{background:var(--wl-aqua)}
.wall-cover:focus-visible,.wave-example video:focus-visible{outline:3px solid var(--wl-turquoise);outline-offset:4px}
.wave-example-copy{padding:14px 0 0}.wave-example h2{font-size:20px;font-weight:700;line-height:1.3;margin:0;color:var(--wl-navy)}
.wall-permission{font-size:14px;line-height:1.5;text-align:center;padding:26px 18px;margin:0}
.compact-wave-wall+footer{margin-top:0}.links a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
@media(max-width:760px){.wall-intro{padding-block:24px}.wall-intro p{font-size:16px}.wave-examples{grid-template-columns:minmax(0,260px);max-width:340px;gap:28px}.wave-example-copy{padding-top:12px}.wave-example h2{font-size:19px}}
