/* Original website captures, presented as a quiet editorial sequence. */
.project-herzzentrum{--chapter-bg:#f0f3f1;--chapter-line:#d5ddda}
.project-herzzentrum .project-panel{border-radius:6px}
.project-herzzentrum .project-copy h3.brand-herzzentrum{border-radius:2px;box-shadow:none}
.scene-herzzentrum.hz-website{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:32px 28px;background:#e4ebe8;perspective:none;container-type:inline-size}
.hz-website-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#42615f;font-size:9px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;line-height:1.5}
.hz-website-heading>span:last-child{font-size:9px;letter-spacing:.04em;font-weight:400;text-transform:none}
.hz-webviewer{margin:0;--hz-second:0;--hz-third:0}
.project-herzzentrum:has(.project-milestones li:nth-child(2).is-current) .hz-webviewer{--hz-second:1}
.project-herzzentrum:has(.project-milestones li:nth-child(3).is-current) .hz-webviewer{--hz-second:1;--hz-third:1}
.hz-webscreen{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid #24463e26;border-radius:2px;background:#fff;box-shadow:0 16px 32px -20px #183c3d55;transform:translateY(calc((1 - var(--reveal,1))*12px))}
.hz-webshot{position:absolute;inset:0;margin:0;overflow:hidden;background:#fff;transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1)}
.hz-webshot img{display:block;width:100%;height:100%;object-fit:contain}
.hz-webshot-services{opacity:var(--hz-second);transform:translateY(calc((1 - var(--hz-second))*8px))}
.hz-webshot-practice{opacity:var(--hz-third);transform:translateY(calc((1 - var(--hz-third))*8px))}
.hz-webcaption{margin-top:17px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hz-webcaption>div{min-width:0;padding-top:11px;border-top:1px solid #a3b4ad;position:relative}
.hz-webcaption>div:before{content:'';position:absolute;top:-1px;left:0;width:100%;height:2px;background:#993872;transform:scaleX(var(--hz-caption-progress,0));transform-origin:left;transition:transform .45s ease}
.hz-webcaption>div:nth-child(1){--hz-caption-progress:calc(1 - var(--hz-second))}
.hz-webcaption>div:nth-child(2){--hz-caption-progress:calc(var(--hz-second) - var(--hz-third))}
.hz-webcaption>div:nth-child(3){--hz-caption-progress:var(--hz-third)}
.hz-webcaption small{display:block;font-size:9px;letter-spacing:.06em;color:#738980;margin-bottom:6px;font-variant-numeric:tabular-nums}
.hz-webcaption strong{display:block;font-size:12px;font-weight:600;line-height:1.4;color:#183c3d}
.hz-webcaption span{display:block;margin-top:5px;font-size:10px;line-height:1.5;color:#5d756d}
.hz-webnote{font-size:10px;line-height:1.5;color:#5d756d;border-top:1px solid #a3b4ad66;padding-top:14px;margin:0;display:flex;align-items:center;gap:10px}
.hz-webnote:before{content:'';width:20px;height:1px;background:#993872;flex:none}
@media(max-width:1000px) and (min-width:701px){.scene-herzzentrum.hz-website{padding-inline:18px;gap:20px}.hz-webcaption{gap:10px}.hz-webcaption span{font-size:9px}.hz-website-heading{font-size:8px;letter-spacing:.07em}}
@media(max-width:700px){.scene-herzzentrum.hz-website{height:auto;min-height:0;padding:24px 16px;gap:20px}.project-herzzentrum .project-panel{border-radius:4px}.hz-website-heading{font-size:8px;letter-spacing:.1em}.hz-website-heading>span:last-child{font-size:8px}.hz-webcaption{gap:10px}.hz-webcaption strong{font-size:11px}.hz-webcaption span{font-size:10px}.hz-webnote{font-size:10px;padding-top:12px}}
@media(prefers-reduced-motion:reduce){.hz-webscreen,.hz-webshot{transform:none!important}}