/* Bagian bersama tema motion yang tidak ada di referensi TEMP: foto asli, galeri, kehadiran, daftar tamu, musik. */
.event-card[hidden],.wish[hidden]{display:none}
.portrait.portrait-photo{padding:0;overflow:hidden}
.portrait.portrait-photo img{width:100%;height:100%;object-fit:cover;display:block}

.motion-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}
.motion-gallery-item{display:block;aspect-ratio:4/5;border-radius:18px;overflow:hidden;border:4px solid var(--paper);box-shadow:0 14px 30px -22px rgba(0,0,0,.5);background:var(--main-soft)}
.motion-gallery-item:first-child{grid-column:1/-1;aspect-ratio:16/11;border-radius:120px 120px 18px 18px}
.motion-gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}
.motion-gallery-item:hover img{transform:scale(1.06)}
.motion-gallery-item:focus-visible{outline:2px solid var(--main);outline-offset:3px}

.motion-attendance{display:flex;justify-content:center;gap:10px;margin-top:18px}
.motion-attendance div{min-width:76px;padding:10px 8px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
.motion-attendance b{display:block;font-family:var(--font-display);font-size:26px;line-height:1.1;color:var(--ink)}
.motion-attendance span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--main)}
.motion-empty{margin-top:18px;font-size:14px}

.motion-guestlist{margin-top:26px}
.motion-guestlist ul{list-style:none;display:grid;gap:4px;margin-top:8px;color:var(--ink-soft);font-size:14px}

.motion-music{position:fixed;right:16px;bottom:16px;z-index:40;width:46px;height:46px;border-radius:50%;border:1px solid var(--main);background:var(--paper);color:var(--main);font-size:20px;cursor:pointer;box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}
.motion-music.is-playing{animation:spin 6s linear infinite}
.motion-music:focus-visible{outline:2px solid var(--ink);outline-offset:3px}