/* v0.13z21 – nur Personal Work (alles an body[data-page="personal"] gebunden).
   1) Show: reine Überblendung statt Maskenenthüllung. Bild steht sofort an seiner Endposition, nur die Deckkraft wechselt (0,6 s ein mit schnellem Anstieg, 0,5 s aus mit spätem Abfall – kurze helle Zwischenphase).
      Keine Wischbewegung (clip-path), keine Verschiebung, kein Zoom. Die Dauer wird von story-intro über --rv-d gelesen (Standzeit bleibt unverändert).
   2) VIEW FULL STORY: angel.jpg (personal-grand) auf Desktop max. ca. 68 % der Fensterhöhe, Seitenverhältnis 2048:2576 (v0.13z27: angelbreit.jpg) bleibt, mittig. */
body[data-page="personal"] .mc-intro .mi-item{
  clip-path:none!important;opacity:0;
  --rv-d:.6s;
  transition:opacity .6s cubic-bezier(.2,.5,.4,1) var(--rv-delay,0s)!important}
body[data-page="personal"] .mc-intro .mi-item.is-in{opacity:1}
body[data-page="personal"] .mc-intro .mi-item.is-out{
  clip-path:none!important;opacity:0;
  transition:opacity .5s cubic-bezier(.5,0,.9,.6) 0s!important}

body[data-page="personal"] .personal-piece.personal-grand{
  width:min(100%,780px,calc(68svh * 2108 / 2576));
  margin-left:auto;margin-right:auto;align-self:center}
@media(max-width:760px){
  body[data-page="personal"] .personal-piece.personal-grand{
    width:min(86%,calc(55svh * 2108 / 2576))}
}

/* MC v0.13z62 — Einheitliche Abschlussnavigation: Personal Work hat nur TOP (keine Serie, kein NEXT/ALL). Der Link wird im Stil der Editorial-Referenz
   (story-strip-v013i.css) gesetzt: Haarlinie oben, gleiche Schrift (11px/.11em/500), gleicher Abstand, rechtsbuendig am Zeilenende (mobil linksbuendig). Funktion unveraendert. */
body[data-page="personal"] .personal-end{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:10px 28px;
  margin:clamp(22px,4svh,40px) var(--gut) 0;padding:clamp(12px,2svh,18px) 0 clamp(26px,4svh,44px);
  border-top:1px solid var(--line)}
body[data-page="personal"] .personal-end .link{
  display:inline-flex;flex:none;justify-content:flex-start;gap:0;min-height:0;min-width:0;padding:4px 0;border:0;background:transparent;color:var(--fg);
  font:500 11px/1.3 var(--sans);letter-spacing:.11em;text-transform:uppercase;text-decoration:none}
body[data-page="personal"] .personal-end .link::after{content:none}
body[data-page="personal"] .personal-end .link:hover,
body[data-page="personal"] .personal-end .link:focus-visible{text-decoration:underline;text-underline-offset:5px}
@media (max-width:760px){
  body[data-page="personal"] .personal-end{justify-content:flex-start}
}