:root{--v3-gold:#a67a45;--v3-green:#46775f;--v3-blue:#244a9c}.portrait-hero{background:linear-gradient(180deg,#f8fafe 0%,#f3f5f7 60%,#f8fafe 100%);overflow:hidden}.portrait-intro{display:flex;justify-content:space-between;gap:20px;padding-top:24px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.portrait-intro p{margin:0}.portrait-stage{position:relative;max-width:1440px;margin:0 auto;height:clamp(550px,51.4vw,740px);isolation:isolate}.stage-composition{position:absolute;width:1200px;height:740px;left:50%;top:0;transform:translateX(-50%) scale(var(--stage-scale,1));transform-origin:top center}.stage-light{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 58%,#e2e8ed95,transparent 55%);pointer-events:none}.portrait-name{position:absolute;left:0;right:0;text-align:center;top:20px;margin:0;font-size:91px;line-height:1;font-weight:500;letter-spacing:-.065em;z-index:5;color:#162647}.portrait-name span{display:block;font-size:11px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;margin-top:15px;color:var(--muted)}.central-portrait{position:absolute;top:151px;left:410px;width:380px;height:485px;margin:0;z-index:2;border-radius:185px 185px 24px 24px;overflow:hidden;mask-image:linear-gradient(#000 0%,#000 87%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 87%,transparent 100%)}.central-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 39%}.orbit-svg{position:absolute;inset:0;width:1200px;height:740px;overflow:visible;pointer-events:none}.orbits-back{z-index:1}.orbits-front{z-index:3;mask-image:linear-gradient(transparent 0%,transparent 45%,#000 65%);-webkit-mask-image:linear-gradient(transparent 0%,transparent 45%,#000 65%)}.orbit{transform-origin:600px 380px;fill:none;stroke-linecap:round}.orbit-1{stroke:var(--v3-blue);stroke-width:4.5;transform:rotate(-24deg);opacity:.7}.orbit-2{stroke:var(--v3-green);stroke-width:3;transform:rotate(24deg);opacity:.6}.orbit-3{stroke:var(--v3-gold);stroke-width:2;transform:rotate(-61deg);opacity:.75}.orbits-front .orbit{stroke-width:5;opacity:.58}.orbits-front .orbit-2{stroke-width:3.5}.orbits-front .orbit-3{stroke-width:2.8}.dimension-anchor{position:absolute;z-index:6;text-decoration:none;display:block;padding:14px 0;line-height:1.3;transition:transform .25s;max-width:280px}.dimension-anchor:hover{transform:translateY(-4px)}.dimension-anchor:focus-visible{outline-offset:8px}.dimension-anchor>span{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px}.dimension-anchor strong{display:block;font-size:33px;letter-spacing:-.035em;font-weight:500;color:var(--navy)}.dimension-anchor small{display:block;font-size:12px;color:var(--muted);margin-top:9px}.anchor-blue{left:112px;top:206px;color:var(--v3-blue)}.anchor-green{left:843px;top:320px;color:var(--v3-green)}.anchor-gold{left:143px;top:497px;color:var(--v3-gold)}.dimension-anchor::after{content:'';display:block;width:30px;height:1px;background:currentColor;margin-top:15px}.stage-outcome{position:absolute;top:649px;left:0;right:0;z-index:6;text-align:center}.stage-outcome p{font-size:25px;letter-spacing:-.025em;line-height:1.2;margin:12px 0 0;color:var(--navy)}.outcome-line{display:block;width:36px;height:1px;background:var(--v3-gold);margin:auto}.hero-after{padding-bottom:26px}.hero-statement{border-top:1px solid var(--line);padding-top:27px;text-align:center}.hero-statement p{font-size:clamp(20px,2.25vw,29px);font-weight:400;letter-spacing:-.025em;line-height:1.45;max-width:62ch;margin:0 auto 30px}.hero-statement strong{font-weight:500;color:var(--v3-blue)}.hero-bottom{display:flex;justify-content:space-between;gap:40px;align-items:center}.hero-bottom>p{font-size:13px;color:var(--muted);margin:0}.hero-bottom .button{font-size:12px;padding:12px 17px}.motion-toolbar{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:16px;margin-top:24px;color:var(--muted);font-size:10px}.motion-toolbar>span{max-width:75ch;line-height:1.5}.motion-toolbar>div{display:flex;gap:19px;align-items:start;flex-shrink:0}.motion-toolbar button{border:0;background:none;font-size:10px;cursor:pointer;color:var(--muted);padding:0}.motion-toolbar button:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.dimensions{position:relative}.dimensions .dimension-grid article{scroll-margin-top:100px}.dimensions .dimension-index::before{content:'';display:inline-block;width:20px;height:2px;margin-right:12px;background:currentColor;vertical-align:middle}.portrait-hero:has(.motion-pause[aria-pressed="true"]) .dimension-anchor{transition:none}
@media(min-width:1440px){.portrait-stage{height:740px}.portrait-intro{padding-top:30px}}@media(max-width:1050px){.portrait-name{font-size:86px}.hero-bottom{gap:25px}.hero-bottom .actions{max-width:330px}.motion-toolbar>span{max-width:50ch}}
@media(max-width:720px){.portrait-intro{font-size:8px;letter-spacing:.07em;padding-top:20px}.portrait-intro p{max-width:29ch}.portrait-stage{height:720px;margin-top:14px}.stage-composition{width:390px;height:720px;transform:translateX(-50%) scale(var(--mobile-scale,1));--stage-scale:1;transform-origin:top center}.portrait-name{font-size:49px;top:13px;letter-spacing:-.06em}.portrait-name span{font-size:9px;margin-top:11px}.central-portrait{top:113px;left:77px;width:236px;height:337px;border-radius:118px 118px 20px 20px;mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 84%,transparent 100%)}.orbit-svg{width:620px;height:382px;left:-115px;top:110px}.orbits-front{mask-image:linear-gradient(transparent 0%,transparent 44%,#000 67%);-webkit-mask-image:linear-gradient(transparent 0%,transparent 44%,#000 67%)}.dimension-anchor{max-width:none;padding:9px 0}.dimension-anchor>span{font-size:8px;margin:0 0 4px}.dimension-anchor strong{font-size:22px}.dimension-anchor small{font-size:10px;margin-top:5px}.dimension-anchor::after{width:22px;margin-top:9px}.anchor-blue{left:23px;top:480px}.anchor-green{left:210px;top:480px}.anchor-gold{left:23px;top:578px}.stage-outcome{left:auto;right:24px;top:593px;text-align:left;width:158px}.stage-outcome p{font-size:20px;margin-top:8px}.outcome-line{margin:0;width:25px}.hero-statement{padding-top:22px}.hero-statement p{font-size:21px;margin-bottom:25px}.hero-bottom{display:block}.hero-bottom>p{font-size:12px}.hero-bottom>p br{display:none}.hero-bottom .actions{margin-top:20px;max-width:none}.hero-bottom .button{font-size:11px;padding:11px 12px}.motion-toolbar{gap:18px;flex-direction:column}.motion-toolbar>span{max-width:60ch;font-size:10px}.motion-toolbar>div{gap:24px}.portrait-hero .hero-after{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.dimension-anchor{transition:none}}
.orbit-svg{translate:0 calc(var(--scroll-out,0)*75px);scale:calc(1 + var(--scroll-out,0)*.08);opacity:calc(1 - var(--scroll-out,0)*.65)}
.dimension-anchor{translate:0 calc(var(--scroll-out,0)*38px)}
.dimensions .dimension-grid article{transform:translateY(calc((1 - var(--arrival,0))*18px));transition:transform .15s linear}
@media(prefers-reduced-motion:reduce){.orbit-svg{translate:none;scale:1;opacity:1}.dimension-anchor{translate:none}.dimensions .dimension-grid article{transform:none;transition:none}}

/* Leitsatz als einziger Abschluss der Animation */
.stage-outcome{top:640px;max-width:860px;margin-inline:auto}.stage-outcome p{font-size:24px;line-height:1.4;margin-top:12px}.hero-bottom{border-top:1px solid var(--line);padding-top:24px}
@media(max-width:720px){.portrait-stage{height:820px}.stage-composition{height:820px}.stage-outcome{left:23px;right:23px;top:671px;width:auto;max-width:none;text-align:center}.stage-outcome p{font-size:19px;line-height:1.4;margin-top:12px}.outcome-line{margin-inline:auto}.hero-bottom{padding-top:21px}}

/* Aktuelles Portraet, 19.10.2026 */
.central-portrait img{object-position:50% 42%}

.profile-copy{max-width:760px}.profile-headline{font-size:clamp(20px,2.2vw,29px);line-height:1.35;font-weight:600;margin:0 0 24px;letter-spacing:-.02em}.hero-bottom .profile-copy p{font-size:17px;line-height:1.75;margin:0 0 16px;max-width:72ch}.hero-bottom{align-items:start}.career-intro p+p{margin-top:20px}.motion-toolbar{justify-content:flex-end}.project-content li+li{margin-top:10px}@media(max-width:700px){.hero-bottom .profile-copy p{font-size:16px}.profile-headline{font-size:22px}}

.hero-bottom{display:block}.profile-copy{max-width:960px}.hero-bottom .profile-headline{max-width:960px}.hero-bottom .actions{margin-top:24px;max-width:none}.hero-bottom .profile-copy p{max-width:80ch}

.hero-bottom .profile-headline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 0;max-width:none;font-size:16px;line-height:1.4;font-weight:500;letter-spacing:0;margin:0 0 24px}.profile-headline span{white-space:nowrap;display:inline-flex;align-items:center}.profile-headline span+span::before{content:"·";margin:0 12px;color:var(--muted)}@media(max-width:720px){.hero-bottom .profile-headline{font-size:14px;gap:6px 16px}.profile-headline span+span::before{display:none}}

.profile-headline span+span::before{content:"·";display:inline-block;margin:0 12px;color:var(--muted)}@media(max-width:720px){.hero-bottom .profile-headline{gap:6px 0}.profile-headline span+span::before{display:inline-block;margin:0 9px}}