:root { --bg: #fbf6f3; --ink: #1d1a1c; --acc: #d6455d; --muted: #6b6267; }
* { box-sizing: border-box; margin: 0; }
body { min-height: 100vh; display: flex; flex-direction: column; background: var(--bg); color: var(--ink);
       font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.home { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
        gap: 14px; padding: 48px 16px; text-align: center; }
.logo { font-size: clamp(52px, 13vw, 104px); font-weight: 700; letter-spacing: -0.03em; line-height: 1; }
.logo span { color: var(--acc); }
.slogan { font-size: clamp(20px, 4.6vw, 28px); }
.nota { margin-top: 6px; font-size: 15px; color: var(--muted); }
.piede { padding: 24px 16px 32px; text-align: center; font-size: 13px; color: var(--muted); }

/* Home: muted looping video; the poster is its first frame. */
.video { display: block; width: min(640px, 100%); height: auto; aspect-ratio: 16 / 9; border-radius: 16px; background: #efe6e0; object-fit: cover; }