.system-hero{z-index:1;position:relative}.system-hero-inner{max-width:var(--cap);padding:120px var(--pad) 110px;margin:0 auto}.system-title{font-size:var(--h1);letter-spacing:-.02em;margin-top:24px;font-weight:500;line-height:1.08}.system-lead{font-size:var(--body);color:var(--ink62);max-width:880px;margin-top:28px;line-height:1.7}.system-scroll-hint{font-family:Instrument Serif,Georgia,serif;font-style:italic;font-size:var(--q);color:var(--ink62);margin-top:44px}.system-scroll-note{margin-left:18px;font-size:26px}.system-timeline-section{z-index:1;padding:104px 0 64px;position:relative}.system-timeline{--prog:0%;position:relative}.system-transition{justify-content:center;padding:2px 0;display:flex}.system-transition-note{background:var(--bg);padding:2px 16px;font-size:clamp(22px,1.5vw,27px)}.system-case-link{margin-top:20px}.system-case-link .lnk{font-size:16.5px}.system-case-link-holz .lnk{--u:var(--case-holz-stift)}.system-case-link-gastro .lnk{--u:var(--case-gastro-stift)}.system-summary{text-align:center;font-family:Instrument Serif,Georgia,serif;font-style:italic;font-size:var(--h3);margin-top:96px}.system-summary span{color:var(--ink)}.system-overview{max-width:1480px;margin:56px auto 0;display:block}.system-paper-copy{color:var(--paperdim);font-size:var(--body);max-width:640px;margin:22px auto 0;line-height:1.7}.system-paper-action{margin-top:44px}.abl .f1,.abl .f2,.abl .f3{animation-play-state:paused}.abl[data-active] .f1,.abl[data-active] .f2,.abl[data-active] .f3{animation-play-state:running}.zdot .zf{opacity:0;transition:opacity .35s}.zdot[data-done] .zf{opacity:1}.zdot .zo path{transition:opacity .35s}.zdot[data-done] .zo path{opacity:0}.zsp{transform-origin:50% 0;transition:transform .25s ease-out}.zpr{transition:transform .3s}