/* RIPA brand (Bjorn 2026-10-27): the launch splash and the sign-in screen are a winter sky with
   the ptarmigan ridge (assets/ripa-scene.svg) at the bottom, and the dark "rıpa" wordmark with
   the red comb as the i-dot. Loaded last so it wins over the older photo backgrounds. */
:root { --ripa-sky-top:#b3cde8; --ripa-sky-bottom:#e8f0f8; --ripa-ink:#16181c; --ripa-ink-soft:#2d3b4a; }

html body .app-splash,
html body .auth-gate,
html body.vertex-v3 .auth-gate {
  background:
    url('/assets/ripa-scene.svg') center bottom / auto min(40dvh, 96vw) no-repeat,
    linear-gradient(180deg, var(--ripa-sky-top) 0%, var(--ripa-sky-bottom) 100%) !important;
  color:var(--ripa-ink);
}
html body .app-splash { place-items:start center; padding-top:max(22dvh, env(safe-area-inset-top)); }
html body .app-splash img,
html body .app-splash-brand img { width:min(52vw, 210px); filter:none; }
html body .app-splash-slogan { margin-top:14px; padding-top:0; color:var(--ripa-ink-soft); opacity:1; text-shadow:none;
  font:600 17px/1.3 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing:.01em; text-transform:none; }
html body .app-splash-slogan::before { display:none; }

/* Sign-in: the wordmark sits in the sky above the card; the bird stays visible under it. */
html body .auth-gate { place-items:start center; }
html body .auth-gate-shell { margin:max(8dvh, 12px) auto auto; }
html body .auth-gate-brand,
html body.vertex-v3 .auth-gate-brand { filter:none; }
html body .auth-gate-brand img,
html body.vertex-v3 .auth-gate-brand img { width:min(44vw, 170px) !important; }
html body .auth-gate-brand p { margin-top:4px; color:var(--ripa-ink-soft); font:600 15px/1.3 system-ui, -apple-system, "Segoe UI", sans-serif;
  letter-spacing:.01em; text-transform:none; }

/* Start page and desktop menu marks. */
.landing-logo img { display:block; height:26px; width:auto; }
@media (min-width:900px) {
  html body.vertex-v3 #app#app#app#app#app#app#app#app#app#app .desk-brand { width:40px; height:40px; border-radius:10px;
    background:url('/vertex-icon.svg') center / cover no-repeat; }
}
/* Short phones: a smaller ridge so the card does not hide the bird's face. */
@media (max-height:720px) {
  html body .auth-gate, html body.vertex-v3 .auth-gate { background-size:auto 24dvh, auto !important; }
}