/* An illuminated atlas fills the entrance; the title is commissioned raster
   lettering. Authentication controls remain real, accessible form elements. */
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-stage {
  --intro-frame-inset:clamp(76px,12svh,128px);
  padding:max(var(--intro-frame-inset),env(safe-area-inset-top)) max(24px,5vw) max(var(--intro-frame-inset),env(safe-area-inset-bottom));
  background:var(--atlas-base);color:var(--ui-ink);perspective:none;justify-content:safe center;
}
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-stage::before {
  position:fixed;inset:0;background:var(--atlas-base) var(--atlas-intro) center/cover no-repeat;
  filter:none;opacity:1;
}
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-stage::after { display:none; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-folio { width:min(1180px,100%);max-width:none;min-height:0;aspect-ratio:auto;container-type:normal; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-book {
  display:block;position:relative;width:100%;height:auto;min-height:min(740px,calc(100svh - 2 * var(--intro-frame-inset)));
  aspect-ratio:auto;margin:0;padding:0;transform:none;filter:none;perspective:none;text-align:center;
  background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;opacity:1;
}
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-book:disabled { opacity:1; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-book:is(:hover,:focus-visible) { transform:none;box-shadow:none;background:none; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-book:focus-visible { outline:0; }
html[data-entry-mode='intro'] #mha-familienkarte :is(.mha-cover-atmosphere,.mha-cover-leaf,.mha-cover-lettering,.mha-cover-dedication,.mha-tapping-wand,.mha-cover-clean-paper) { display:none; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-book::before,
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-book::after { display:none; }
html[data-entry-mode='intro'] #mha-familienkarte .sf-cover-story {
  position:relative;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;
  width:100%;height:auto;min-height:inherit;padding:24px 0;text-align:center;background:none;pointer-events:none;
}
html[data-entry-mode='intro'] #mha-familienkarte .sf-intro-crystal { display:block;position:relative;isolation:isolate;width:158px;height:158px;flex-shrink:0;margin:0 0 -8px; }
html[data-entry-mode='intro'] #mha-familienkarte .sf-intro-crystal .sf-cover-mark { display:block;width:100%;height:100%;margin:0;object-fit:contain;filter:drop-shadow(0 4px 9px var(--ui-primary-shadow)); }
html[data-entry-mode='intro'] #mha-familienkarte .sf-intro-crystal .sf-crystal-smoke { inset:0;width:100%;height:100%;transform:none; }
html[data-entry-mode='intro'] #mha-familienkarte .sf-cover-lettering { display:block;width:min(600px,100%);max-width:100%;height:auto;object-fit:contain;filter:var(--atlas-lettering-filter); }
html[data-entry-mode='intro'] #mha-familienkarte .sf-cover-action {
  display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;min-width:178px;margin:18px 0 0;padding:14px 28px;
  font:600 14px/1.4 var(--mha-font-body);white-space:nowrap;
  border:1px solid var(--ui-primary-line);border-radius:9px;background:var(--ui-primary);color:var(--ui-on-primary);
  box-shadow:inset 0 1px 0 var(--ui-primary-highlight),0 5px 22px var(--ui-primary-shadow);visibility:visible;
}
html[data-entry-mode='intro'] #mha-familienkarte .sf-cover-action svg { width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-book:hover .sf-cover-action { background:var(--ui-primary-hover); }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-book:is(:hover,:focus-visible) .sf-cover-action::before { opacity:.8;transform:translate3d(8%,-6%,0) scale(1.1); }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-book:focus-visible .sf-cover-action { outline:2px solid var(--ui-focus);outline-offset:5px; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-controls { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;white-space:nowrap; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-hint { color:var(--ui-ink);font-size:13px;line-height:1.6;text-shadow:0 1px 7px var(--ui-paper); }

/* The same atlas continues through sign-in; no second illustration or frame. */
html[data-entry-mode='intro'] #mha-familienkarte[data-login] .mha-cover-folio { display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);gap:clamp(25px,5vw,80px);align-items:center; }
html[data-entry-mode='intro'] #mha-familienkarte[data-login] .mha-cover-book { grid-column:1;grid-row:1;min-height:580px;pointer-events:none; }
html[data-entry-mode='intro'] #mha-familienkarte[data-login] .sf-cover-story { width:100%;padding:25px 0; }
html[data-entry-mode='intro'] #mha-familienkarte[data-login] .sf-cover-lettering { filter:var(--atlas-lettering-filter); }
html[data-entry-mode='intro'] #mha-familienkarte[data-login] .sf-cover-action { display:none; }
html[data-entry-mode='intro'] #mha-familienkarte[data-login] .mha-cover-login {
  position:relative;grid-column:2;grid-row:1;inset:auto;align-self:center;width:100%;height:auto;max-height:none;
  padding:36px;background:var(--ui-dialog);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid var(--ui-control-line);border-radius:16px;box-shadow:inset 0 1px 0 var(--ui-highlight),0 14px 50px var(--ui-primary-shadow);transform:none;overflow:visible;
}
html[data-entry-mode='intro'] #mha-familienkarte[data-login] .mha-cover-login h2 { margin:0 0 22px;padding:0;color:var(--ui-ink);font:400 36px/1.15 var(--mha-font-heading);letter-spacing:-.02em;filter:none;transform:none;text-shadow:none;text-align:left; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-login .sf-only { display:block; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-login .hp-only { display:none; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-login .sf-login-intro { margin:0 0 20px;color:var(--ui-muted);font:400 13px/1.6 var(--mha-font-body); }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-login form { display:grid;gap:16px; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-login label { display:grid;gap:6px;margin:0;font:500 13px/1.5 var(--mha-font-body);color:var(--ui-ink); }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-login .mha-input { width:100%;margin:0;min-height:48px; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-login .mha-input:focus-visible { outline:2px solid var(--ui-focus);outline-offset:3px; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-login .mha-login-remember { display:flex;align-items:flex-start;gap:10px;margin:0; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-login .mha-login-remember input { flex:0 0 19px;width:19px;height:19px;accent-color:var(--ui-accent); }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-login .mha-login-actions { display:flex;gap:10px;flex-wrap:wrap;margin-top:4px; }
html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-login .mha-primary { flex:1;justify-content:center; }
html[data-entry-mode='intro'] #mha-familienkarte[data-login] .mha-cover-controls { margin-top:22px; }
html[data-entry-mode='intro'] #mha-familienkarte[data-cover='opening'] .mha-cover-stage { animation:sf-intro-open .62s cubic-bezier(.25,.6,.25,1) both; }
html[data-entry-mode='intro'] #mha-familienkarte[data-cover='opening'] .mha-cover-book { animation:none; }
html[data-entry-mode='intro'] #mha-familienkarte[data-cover='opening'] > .mha-frame { animation:sf-intro-content .62s ease-out both; }
html[data-entry-mode='intro'] #mha-familienkarte[data-cover='opening'] .sf-intro-crystal { animation:sf-intro-illuminate .62s ease-out both; }
html[data-entry-mode='intro'] #mha-familienkarte[data-cover='opening'] .sf-cover-lettering { animation:sf-intro-lettering .62s ease-out both; }
html[data-entry-mode='intro'] #mha-familienkarte[data-cover='closing'] .mha-cover-stage { animation:sf-intro-content .38s ease-out both; }
@keyframes sf-intro-content { from { opacity:0; } to { opacity:1; } }
@keyframes sf-intro-open { 0%,18% { opacity:1;transform:scale(1); } 100% { opacity:0;transform:scale(1.07);filter:blur(4px); } }
@keyframes sf-intro-illuminate { 0% { transform:scale(1);filter:brightness(1); } 32% { transform:scale(1.13);filter:brightness(1.65) drop-shadow(0 0 26px #fff0b9); } 100% { transform:scale(1.3);filter:brightness(1.2); } }
@keyframes sf-intro-lettering { 0%,15% { opacity:1;transform:translateY(0); } 100% { opacity:0;transform:translateY(18px); } }

@media (max-width:760px) {
  html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-stage { padding-inline:22px; }
  html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-book { min-height:min(650px,calc(100svh - 2 * var(--intro-frame-inset)));height:auto; }
  html[data-entry-mode='intro'] #mha-familienkarte .sf-cover-story { padding:26px 0; }
  html[data-entry-mode='intro'] #mha-familienkarte .sf-intro-crystal { width:142px;height:142px;margin:0 0 2px; }
  html[data-entry-mode='intro'] #mha-familienkarte .sf-cover-lettering { width:min(480px,100%); }
  html[data-entry-mode='intro'] #mha-familienkarte .sf-cover-action { margin-top:28px;min-width:178px; }
  html[data-entry-mode='intro'] #mha-familienkarte[data-login] .mha-cover-stage { justify-content:flex-start;padding-inline:17px; }
  html[data-entry-mode='intro'] #mha-familienkarte[data-login] .mha-cover-folio { display:flex;flex-direction:column;gap:10px;width:min(460px,100%); }
  html[data-entry-mode='intro'] #mha-familienkarte[data-login] .mha-cover-book { min-height:0;height:auto;border:0; }
  html[data-entry-mode='intro'] #mha-familienkarte[data-login] .sf-cover-story { display:flex;min-height:0;padding:0;gap:0;background:none; }
  html[data-entry-mode='intro'] #mha-familienkarte[data-login] .sf-intro-crystal { display:none; }
  html[data-entry-mode='intro'] #mha-familienkarte[data-login] .sf-cover-lettering { width:250px;max-width:100%; }
  html[data-entry-mode='intro'] #mha-familienkarte[data-login] .mha-cover-login { padding:23px;flex-shrink:0;border-radius:13px; }
  html[data-entry-mode='intro'] #mha-familienkarte[data-login] .mha-cover-login h2 { font-size:30px;margin:0 0 14px; }
  html[data-entry-mode='intro'] #mha-familienkarte[data-login] .mha-cover-controls { margin-top:16px; }
}
@media (max-width:360px) {
  html[data-entry-mode='intro'] #mha-familienkarte .mha-cover-stage { padding-left:16px;padding-right:16px; }
  html[data-entry-mode='intro'] #mha-familienkarte[data-login] .mha-cover-stage { padding-inline:13px; }
  html[data-entry-mode='intro'] #mha-familienkarte[data-login] .sf-cover-lettering { width:220px; }
  html[data-entry-mode='intro'] #mha-familienkarte[data-login] .mha-cover-login { padding:20px; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-entry-mode='intro'] #mha-familienkarte:is([data-cover='opening'],[data-cover='closing']) :is(.mha-cover-stage,.mha-frame,.sf-intro-crystal,.sf-cover-lettering) { animation:none; }
}