/* Entwurf 05 · Bildgeführter Einstieg und bewegte, großzügige Seitenfolge. */
.home-page .hero {position:relative;max-width:none;width:100%;padding:0}
.home-page .hero-heading {position:absolute;z-index:2;top:clamp(30px,4vw,66px);left:max(52px,calc((100vw - 1400px)/2));display:block;margin:0;padding:0;max-width:850px;color:#fff}
.home-page .hero-heading .eyebrow {color:#fff;letter-spacing:.13em;font-size:12px;margin-bottom:20px}
.home-page .hero-heading h1 {font-size:clamp(54px,6.3vw,94px);line-height:1.02;letter-spacing:-.055em;margin-bottom:27px;color:#fff;text-shadow:0 2px 24px #14201820}
.home-page .hero-heading h1 span {color:#ecd7b4}
.home-page .hero-introduction {margin:0;max-width:355px;justify-self:start}
.home-page .hero-description {font-size:17px;line-height:1.55;color:#fff;margin-bottom:19px;max-width:340px;text-wrap:pretty}
.home-page .hero-actions .primary {border-color:#ddc9a7;color:white;font-size:16px;min-height:46px}
.home-page .hero-actions .primary:hover {color:#ecd7b4}
.home-page .hero-stage {position:relative;background:var(--dark)}
.home-page .hero-stage::after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,#142018b0 0%,#18241f58 34%,#18241f00 67%)}
.home-page .hero-slides {width:100%;aspect-ratio:4/3;max-height:none}
.home-page .hero-scroll {position:absolute;z-index:3;right:52px;bottom:38px;display:flex;align-items:center;gap:16px;color:#fff;font-size:14px;text-shadow:0 1px 6px #0008}
.hero-scroll>span {width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffffb0;border-radius:50%;font-size:23px}
.home-page .hero-image-meta {padding:15px 52px;margin:0}
.home-page .hero-project-link {margin:0 52px;padding:18px 0 26px}
.home-page .hero-project-link strong {font-size:31px}
.home-page .hero-visual {animation:intro-photo 1.1s ease-out both}
.home-page .hero-heading {animation:intro-copy .9s cubic-bezier(.2,.7,.3,1) both}
@keyframes intro-copy {from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes intro-photo {from{opacity:.3}to{opacity:1}}
/* Unterschiedliche Bildgrößen und Weißraum geben jedem Abschnitt eigenes Gewicht. */
.home-page .profile {grid-template-columns:1fr 2.1fr;gap:65px;padding-block:115px 130px}
.home-page .profile h2 {font-size:clamp(45px,5.6vw,80px);line-height:1.06;margin-bottom:40px;text-wrap:initial}
.home-page .profile-copy {max-width:600px}
.home-page .profile-label {display:flex;flex-direction:column;justify-content:space-between;align-items:start}
.home-page .profile .profile-year {margin:90px 0 7px;color:var(--accent)}
.profile-year span {display:block;font-size:14px;line-height:1.55}
.profile-year strong {display:block;font-size:clamp(64px,8vw,112px);font-weight:300;letter-spacing:-.07em;line-height:1.1;margin:5px 0 14px;color:var(--ink)}
.home-page .home-references .section {padding-block:100px 120px}
.home-page .home-references .section-heading {margin-bottom:62px}
.home-page .home-references h2 {font-size:clamp(45px,5.7vw,80px)}
.home-page .selected-projects {display:flex;flex-direction:column;gap:85px;align-items:start}
.home-page .selected-projects .project-card {width:87%;margin:0}
.home-page .selected-projects .project-card:nth-child(2) {width:76%;align-self:flex-end;margin:0}
.home-page .selected-projects .card-caption {align-items:center}
.home-page .selected-projects .card-photo {margin-bottom:27px}
.home-page .selected-projects h3 {font-size:clamp(32px,3.4vw,48px)}
.home-page .selected-projects .card-kind {margin-bottom:15px}
.home-page .acquisition-teaser {padding-block:110px}
.home-page .acquisition-teaser h2 {font-size:clamp(43px,4.7vw,66px);line-height:1.08}
.home-page .acquisition-summary {align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.home-page .acquisition-area {font-size:clamp(42px,4.8vw,70px)}
.home-page .engagement-teaser {padding-block:110px}
.home-page .engagement-teaser>.wrap {grid-template-columns:1.05fr 1fr;gap:80px}
.home-page .engagement-teaser h2 {font-size:clamp(44px,4.8vw,68px)}
.home-page .engagement-teaser h2 span {font-family:Georgia,"Times New Roman",serif;font-style:italic}
.home-page .engagement-topics li {padding-block:20px;font-size:16px}
.home-page .contact-cta {padding-block:85px}
.home-page .contact-cta h2 {font-size:clamp(42px,4.6vw,65px)}
.reveal-pending {opacity:0;transform:translateY(26px)}
.reveal-visible {opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .85s cubic-bezier(.2,.7,.3,1)}
.reveal-pending:focus-within {opacity:1;transform:none}
@media(min-width:1001px){
 .home-page .site-masthead {position:absolute;z-index:5;left:0;right:0;background:transparent}
 .home-page .hero-heading {top:160px}
 .home-page .hero-heading h1 {font-size:clamp(66px,7vw,102px)}
 .home-page .hero-stage::after {background:linear-gradient(180deg,#142018d9 0%,#14201800 23%),linear-gradient(110deg,#142018a6 0%,#18241f50 36%,#18241f00 67%)}
 .home-page .site-header nav a:last-child {border-color:#ddc9a7}
}
@media(min-width:1600px){
 .home-page .hero-slides {max-width:1600px;margin-inline:auto}
 .home-page .hero-heading {left:calc((100vw - 1400px)/2)}
}
@media(max-width:1000px){
 .home-page .hero-heading {left:32px;top:30px}
 .home-page .hero-heading h1 {font-size:clamp(48px,6.3vw,66px)}
 .home-page .hero-introduction {max-width:305px}
 .home-page .hero-description {font-size:16px}
 .home-page .hero-scroll {right:32px;bottom:26px}
 .home-page .hero-image-meta {padding-inline:32px}
 .home-page .hero-project-link {margin-inline:32px}
 .home-page .profile {gap:40px;padding-block:80px}
 .home-page .engagement-teaser>.wrap {gap:45px}
}
@media(max-width:760px){
 .home-page .hero-heading {position:relative;inset:auto;padding:26px 20px 24px;max-width:none}
 .home-page .hero-heading .eyebrow {font-size:12px;letter-spacing:.065em;margin-bottom:16px}
 .home-page .hero-heading h1 {font-size:clamp(34px,8.8vw,59px);margin-bottom:0}
 .home-page .hero-introduction {display:none}
 .home-page .hero-stage::after {display:none}
 .home-page .hero-scroll {display:none}
 .home-page .hero-image-meta {padding:10px 20px}
 .home-page .hero-project-link {margin-inline:20px;padding:14px 0 24px}
 .home-page .hero-project-link strong {font-size:25px}
 .home-page .profile {grid-template-columns:1fr;gap:27px;padding-block:56px}
 .home-page .profile-label {display:block}
 .home-page .profile .profile-year {display:none}
 .home-page .profile h2 {font-size:clamp(37px,9vw,60px);margin-bottom:27px}
 .home-page .profile-copy {max-width:none}
 .home-page .home-references .section {padding-block:55px 65px}
 .home-page .home-references .section-heading {margin-bottom:32px;gap:22px}
 .home-page .home-references h2 {font-size:clamp(38px,9vw,58px)}
 .home-page .selected-projects {gap:46px}
 .home-page .selected-projects .project-card,.home-page .selected-projects .project-card:nth-child(2) {width:100%}
 .home-page .selected-projects .card-photo {margin-bottom:20px}
 .home-page .selected-projects h3 {font-size:31px}
 .home-page .acquisition-teaser,.home-page .engagement-teaser {padding-block:55px}
 .home-page .acquisition-teaser h2,.home-page .engagement-teaser h2 {font-size:clamp(37px,9vw,57px)}
 .home-page .acquisition-area {font-size:clamp(37px,10vw,61px)}
 .home-page .engagement-teaser>.wrap {grid-template-columns:1fr;gap:29px}
 .home-page .engagement-topics li {padding-block:17px;font-size:15px}
 .home-page .contact-cta {padding-block:52px}
 .home-page .contact-cta h2 {font-size:clamp(36px,8.8vw,56px)}
}
@media(prefers-reduced-motion:reduce){
 .home-page .hero-heading,.home-page .hero-visual {animation:none}
 .reveal-pending,.reveal-visible {opacity:1;transform:none;transition:none}
}

/* Entwurf 06 · Choreografie mit unveränderten, vollständig sichtbaren Bildern. */
.home-page .hero-heading {animation:none;translate:0 calc(var(--hero-scroll,0) * -36px)}
.home-page .hero-heading h1 .headline-line {display:block;overflow:hidden;padding-bottom:.13em;margin-bottom:-.13em;font:inherit;color:inherit;letter-spacing:inherit}
.home-page .hero-heading h1 .headline-text {display:block;font:inherit;color:inherit;letter-spacing:inherit}
.home-page .hero-heading h1 .headline-accent {font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:#ecd7b4;letter-spacing:-.048em}
.motion-ready:not(.motion-paused) .headline-text {animation:headline-enter 1.25s cubic-bezier(.16,1,.3,1) both}
.motion-ready:not(.motion-paused) .headline-line:nth-child(2) .headline-text {animation-delay:.16s}
.motion-ready:not(.motion-paused) .hero-heading .eyebrow {animation:copy-enter .85s ease .05s both}
.motion-ready:not(.motion-paused) .hero-introduction {animation:copy-enter 1s ease .45s both}
.home-page .hero-visual {animation:none}
.motion-ready:not(.motion-paused) .hero-slides {animation:photo-enter 1.5s ease both}
.home-page .hero-stage {transform:scale(calc(1 - var(--hero-scroll,0) * .075));transform-origin:center 65%;will-change:transform}
.home-page .hero-slide {transition:opacity 1.5s ease-in-out}
.slide-timeline {height:2px;background:#ffffff20;margin-inline:52px;overflow:hidden}
.slide-timeline>span {display:block;width:100%;height:100%;background:#c5ad88;transform:scaleX(0);transform-origin:left}
.motion-control {position:fixed;z-index:25;right:24px;bottom:max(20px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 16px;border:1px solid #b49a74;border-radius:2px;background:#1c211f;color:#f5f1e9;font-size:13px;box-shadow:0 3px 16px #0002}
.motion-control:hover {background:#343b35}
.motion-control [data-pause-icon] {font-size:17px;width:16px;text-align:center}
[data-motion-toggle][hidden] {display:none}
.viewer-open .motion-control {visibility:hidden}
.hero-scroll>span {position:relative}
.motion-ready:not(.motion-paused) .hero-scroll>span {animation:scroll-invitation 1.8s ease-in-out 1.2s 2}
.reveal-pending {opacity:0;transform:translateY(44px)}
.reveal-visible {transition:opacity .8s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}
.line-reveal>span,.line-reveal>em>span {display:block;transition:opacity .8s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}
.line-reveal.reveal-pending {opacity:1;transform:none}
.line-reveal.reveal-pending>span,.line-reveal.reveal-pending>em>span {opacity:0;transform:translateY(35px)}
.line-reveal>span:nth-child(2) {transition-delay:.1s}
.line-reveal>em>span:nth-child(1) {transition-delay:.2s}
.line-reveal>em>span:nth-child(2) {transition-delay:.3s}
.project-card.reveal-pending {transform:translateY(65px) scale(.985)}
.project-card.reveal-visible {transform:translateY(0) scale(1)}
.project-card .card-arrow {transition:background .25s,color .25s,transform .35s}
.project-card:hover .card-arrow {transform:translate(3px,-3px)}
.button>span {transition:transform .35s cubic-bezier(.2,.7,.3,1)}
.button:hover>span {transform:translate(3px,-3px)}
.motion-ready:not(.motion-paused).inner-page .page-intro h1,.motion-ready:not(.motion-paused).inner-page .project-intro h1 {animation:copy-enter .8s cubic-bezier(.16,1,.3,1) both}
@keyframes headline-enter {from{transform:translateY(112%);opacity:.2}to{transform:translateY(0);opacity:1}}
@keyframes copy-enter {from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes photo-enter {from{opacity:.55}to{opacity:1}}
@keyframes scroll-invitation {0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@media(min-width:1001px){
 .home-page .profile-label {position:sticky;top:55px;height:fit-content;padding-left:26px}
 .home-page .profile-label::before,.home-page .profile-label::after {content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#d5cfc3}
 .home-page .profile-label::after {background:var(--accent);transform:scaleY(var(--profile-scroll,0));transform-origin:top}
 .home-page .profile .profile-year {margin-top:50px}
 .selected-projects .project-card:nth-child(odd).reveal-pending {transform:translate(-25px,60px) scale(.985)}
 .selected-projects .project-card:nth-child(even).reveal-pending {transform:translate(25px,60px) scale(.985)}
}
@media(max-width:1000px){.slide-timeline{margin-inline:32px}}
@media(max-width:760px){
 .home-page .hero-stage {transform:none;will-change:auto}
 .home-page .hero-heading {translate:none}
 .slide-timeline {margin-inline:20px}
 .motion-control {right:12px;bottom:max(12px,env(safe-area-inset-bottom));min-height:44px;padding:9px 11px;font-size:12px}
 .reveal-pending,.project-card.reveal-pending {transform:translateY(24px)}
 .home-page .site-footer {padding-bottom:80px}
}
.motion-paused {scroll-behavior:auto}
.motion-paused *,.motion-paused *::before,.motion-paused *::after {animation:none!important;transition:none!important}
.motion-paused .reveal-pending,.motion-paused .reveal-visible,.motion-paused .line-reveal span {opacity:1;transform:none}
.motion-paused .hero-heading {translate:none}
.motion-paused .hero-stage {transform:none}
.motion-paused .card-arrow,.motion-paused .button>span {transform:none!important}
@media(prefers-reduced-motion:reduce){
 .home-page .hero-stage {transform:none;will-change:auto}
 .home-page .hero-heading {translate:none}
 .line-reveal.reveal-pending span {opacity:1;transform:none}
 .project-card.reveal-pending,.project-card.reveal-visible {opacity:1;transform:none}
 .project-card:hover .card-arrow,.button:hover>span {transform:none}
}