/* Startseite: kurze gehaltene Bühnen, normaler Dokumentfluss und statische Grundfassung. */
:root{--film-header:96px}
[data-public=home]{--hero-p:1;--visual-p:1;--copy-p:1;--scene-p:.5;--gather:1;overflow-anchor:none}
[data-public=home] #inhalt>section{border-bottom:0;isolation:isolate}
[data-public=home] #inhalt>.film-hold{display:block;padding:0!important;background:transparent}
.film-stage{position:relative;padding:64px var(--pad);isolation:isolate}
[data-public=home] #inhalt>.film-hold.has-hold{padding-bottom:0!important;min-height:calc(100svh - var(--film-header) + var(--hold-distance))}
.has-hold>.film-stage{position:sticky;top:var(--film-header)}
.hero-stage{min-height:calc(100svh - var(--film-header));display:flex;align-items:center;overflow:clip}
.hero-stage .hero-noise{display:block;position:absolute;left:-60%;top:-20%;width:160%;height:140%;z-index:-2;pointer-events:none;background:url('/unus-animus-hero.webp') center/cover no-repeat;opacity:.58;transform:translateX(calc(var(--hero-p)*14%)) scale(calc(1 + var(--hero-p)*.1));mask-image:linear-gradient(180deg,transparent,#000 15%,#000 75%,transparent)}
.hero-stage:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 65% 45%,#1c42344d,transparent 63%),linear-gradient(90deg,#061013aa,transparent 80%)}
.hero-stage .hero-copy{position:relative;width:58%;padding:0;z-index:3;opacity:var(--copy-p);transform:translateY(calc((1 - var(--copy-p))*20px))}
.hero-stage .hero-copy h1{font-size:clamp(48px,5.4vw,80px);max-width:18ch;animation:none;line-height:1.04}
.hero-stage .hero-copy h1 em{color:#dfc77f}
.hero-stage .hero-intro{max-width:47ch}
.hero-stage .section-kicker{color:#dfc77f;margin-bottom:16px}
.hero-stage .eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:28px}
.hero-stage .hero-visual{position:absolute;left:76%;top:48%;width:min(45vw,590px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.8);margin:0;z-index:1;pointer-events:none}
.has-hold .hero-visual{left:50%;transform:translate(calc(-50% + var(--visual-p)*26vw),-50%) scale(calc(1 - var(--visual-p)*.2))}
.film-aura{position:absolute;inset:-38%;border-radius:50%;background:radial-gradient(ellipse,#c8a95c09 12%,transparent 32%,#d9bd7026 33%,transparent 35%,#c8a95c0a 51%,transparent 70%);transform:rotate(-25deg) scaleY(.8);opacity:.85}
.film-core{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#19302a,#071316 65%);border:1px solid #dbc27880;box-shadow:0 0 0 7px #c8a95c08,0 0 70px #c8a95c18,inset 0 0 45px #0009}
.kern-figur{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#d4bc7399;stroke-width:.5;transform-origin:center}
.kern-figur polygon{stroke:#dfc77f78}.kern-figur circle:first-child{stroke:#e6ce8f99}
.film-seal{position:absolute;inset:30% 22%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.film-seal>span{font-size:clamp(9px,1vw,12px);letter-spacing:.36em;color:#dfd8bd;padding-left:.36em}
.film-seal .signature-symbol{width:100%;aspect-ratio:5/3;transform:translate(var(--pointer-x,0px),var(--pointer-y,0px));transition:none;animation:none}
.film-seal .signature-symbol img{animation:none}
.film-orbits{position:absolute;inset:-12%;width:124%;height:124%;max-width:none;overflow:visible;fill:none;stroke:#dfc77fb3;stroke-width:.95;transform:scale(calc(1 + var(--hero-p)*.35));opacity:calc(1 - var(--hero-p)*.18)}
.orbit-wide,.orbit-near{transform-origin:300px 300px}
.orbit-near{stroke:#efd98d73;stroke-width:.7}
.orbit-light{fill:#f5df9e;stroke:none}
.hero-stage .visual-caption{position:absolute;top:104%;left:0;width:100%;margin:0;color:#cbbb90;font-size:10px;letter-spacing:.24em;opacity:var(--copy-p)}
.film-opening{display:none;position:absolute;bottom:76px;left:0;width:100%;max-width:none;text-align:center;font:24px var(--font-display);letter-spacing:.35em;pointer-events:none}
.film-opening span{display:block;font:11px var(--font-text);letter-spacing:.2em;color:#cbbb90;margin-top:12px}
.has-hold .film-opening{display:block;opacity:calc(1 - min(1,var(--hero-p)*5))}
.hero-stage .scroll-note{bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:18px;align-items:center;color:#d9ca9d;z-index:4;min-height:44px}
.hero-stage .scroll-note i{font-size:21px;font-style:normal}
.film-ready .has-hold:not(.copy-visible) .hero-copy{pointer-events:none}
.film-ready .hero-copy:focus-within{opacity:1;transform:none;pointer-events:auto}
.chapter-light{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;fill:none;stroke:#c8a95c;stroke-width:1.2;opacity:.32;overflow:hidden}
.chapter-light path{vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:calc(.9 - var(--scene-p)*.9)}
.chapter-light path:nth-child(2){opacity:.65}.chapter-light path:nth-child(3){opacity:.45}.chapter-light path:nth-child(4){opacity:.25}
.manifesto{padding-block:clamp(100px,18vh,200px)!important;background:radial-gradient(ellipse at 85% 10%,#173a303d,transparent 60%)}
.manifesto h2{max-width:19ch}.manifesto-copy{position:relative;padding-top:24px}.manifesto-copy:before{content:'';position:absolute;left:0;top:0;width:64px;height:1px;background:var(--gold)}
.pillars-section{background:linear-gradient(180deg,transparent,#102523b3,transparent)}
.pillar-card{position:relative;border-left-color:#c8a95c22;border-top-color:#c8a95c44;background:linear-gradient(140deg,#1e383019,transparent)}
.pillar-card:before{content:'';position:absolute;left:-1px;top:0;bottom:0;width:1px;background:linear-gradient(#f0d997,transparent);transform:scaleY(var(--item-p,1));transform-origin:top}
.pillar-meta>span{font-family:var(--font-display);font-size:30px;color:#d7c083}
.journey-list{position:relative}.journey-list:before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(#e5ce89,#c8a95c33);transform:scaleY(var(--scene-p,.5));transform-origin:top}
.journey-list article{position:relative;border-left:0;padding-left:32px}
.journey-list article:before{content:'';position:absolute;left:-4px;top:30px;width:9px;height:9px;transform:rotate(45deg);background:#7f7651}
.journey-list article.step-active:before{background:#efd98d;box-shadow:0 0 18px #c8a95c88}
.journey-list article.step-active h3{color:#e6cf8b}
.kapitel-section{background:linear-gradient(180deg,transparent,#10262466,transparent)}
.kapitel-zeile{position:relative;padding:36px;border:1px solid #c8a95c2b;background:linear-gradient(120deg,#142c28cc,#07131699);box-shadow:0 16px 60px #0002}
.kapitel-zeile:after{content:'';position:absolute;left:-1px;top:-1px;width:calc(var(--item-p,1)*100%);height:1px;background:linear-gradient(90deg,#ead293,transparent);pointer-events:none}
.kapitel-zeile .kz-nummer{color:#d6c18d}
.statement-section{min-height:62svh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#13271e99,#061013e8 70%)}
.statement-section .ua-diamond{margin:0 auto 40px;box-shadow:0 0 32px #c8a95c40}
.ist-puls{background:radial-gradient(ellipse at 0% 50%,#15362970,transparent 65%)}
.ist-puls .chapter-light{opacity:.38;transform:translateX(calc((1 - var(--scene-p))*-70px))}
.format-marken li{border-color:#c8a95c44}
.ist-archiv{position:relative;background:linear-gradient(#f1ede3f5,#f1ede3df),url('/unus-animus-community.webp') center/cover; color:var(--ink);border-top:1px solid #d8c496}
.ist-archiv:before{content:'';position:absolute;left:0;right:0;top:0;height:64px;background:linear-gradient(#d9caa866,transparent);pointer-events:none}
.community-stage{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;min-height:calc(100svh - var(--film-header));overflow:clip;background:radial-gradient(ellipse at 25% 45%,#1f43394d,transparent 65%)}
.community-stage .community-copy{grid-column:2;position:relative;z-index:2}
.community-stage .connection-lines{grid-column:1;grid-row:1;width:100%;height:360px;position:relative;opacity:1}
.community-stage .connection-lines:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#c8a95c26,transparent 60%);opacity:calc(.2 + var(--gather)*.8)}
.community-stage .connection-lines:after{content:'';position:absolute;left:50%;top:50%;width:180px;height:180px;border:1px solid #c8a95c55;border-radius:50%;transform:translate(-50%,-50%) scale(calc(1.5 - var(--gather)*.5));opacity:var(--gather)}
.community-stage .connection-lines i{position:absolute;left:0;top:50%;width:100%;height:1px;border:0;background:linear-gradient(90deg,transparent,#c8a95c,transparent);transform-origin:center;transition:none!important}
.community-stage .connection-lines i:first-child{transform:rotate(calc(65deg - var(--gather)*45deg)) scaleX(calc(1.5 - var(--gather)*.5))}
.community-stage .connection-lines i:nth-child(2){transform:rotate(calc(-65deg + var(--gather)*45deg)) scaleX(calc(1.5 - var(--gather)*.5))}
.community-stage .connection-lines i:nth-child(3){transform:rotate(calc(90deg - var(--gather)*90deg))}
.community-stage .connection-lines .ua-diamond{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%) rotate(45deg) scale(calc(.55 + var(--gather)*.45));box-shadow:0 0 60px #c8a95c66}
.community-stage .chapter-light{opacity:calc(.35 + var(--gather)*.3);stroke-width:1.3;transform:perspective(800px) rotateY(calc((1 - var(--gather))*28deg)) scale(calc(1.5 - var(--gather)*.5))}
.community-stage .chapter-light path{stroke-dashoffset:calc(.6 - var(--gather)*.6)}
.motion-enabled .kapitel-zeile:not(.motion-pending){transform:perspective(1000px) translateZ(calc((var(--item-p,1) - 1)*24px))}
.association-section{background:linear-gradient(#071619b3,#061013 55%)}
.epilog-symbol{display:block;width:110px;height:auto;margin:0 auto 36px;transform:scale(calc(1.08 - var(--scene-p)*.08))}
.association-section .epilog{padding-bottom:70px}
.motion-enabled .film-visible .kern-figur{animation:film-spin 150s linear infinite reverse}
.motion-enabled .film-visible .film-orbits{animation:film-spin 100s linear infinite}
.hero-stage .hero-noise,.hero-stage .film-orbits,.hero-stage .kern-figur{will-change:transform}
.film-intro .symbol-diamond{animation:film-diamond 1100ms ease-out both!important}
.film-intro .symbol-lines,.film-intro .film-seal>span{animation:film-form 1800ms 500ms ease-out both!important}
.film-intro .kern-figur{animation:film-form 2000ms 300ms ease-out both!important}
.film-intro .film-orbits{animation:film-form 2500ms ease-out both}
.film-paused *, .film-hidden *, .hero:not(.film-visible) .hero-visual *{animation-play-state:paused!important}
.film-paused .chapter-light path{stroke-dashoffset:0}
@keyframes film-spin{to{rotate:360deg}}
@keyframes film-diamond{from{opacity:0;filter:blur(7px);scale:.88}to{opacity:1;filter:blur(0);scale:1}}
@keyframes film-form{from{opacity:0}to{opacity:1}}
html:not(.js) [data-public=home] .story-rail{position:relative;inset:auto;transform:none;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;background:var(--ink)}
@media(min-width:1024px){.has-hold .hero-stage{height:calc(100svh - var(--film-header))}.hero-stage .hero-visual{will-change:transform}.hero-stage .hero-copy{will-change:opacity,transform}}
@media(max-width:1199px){[data-public=home] .story-rail{position:absolute;top:var(--film-header);left:0;right:0;flex-wrap:nowrap;gap:0;background:linear-gradient(#061013aa,transparent);padding:8px;z-index:5}[data-public=home] .story-rail a{min-width:40px;flex:0 1 60px}.hero{min-height:0}}
@media(max-width:1023px){
  .hero-stage:before{background:linear-gradient(180deg,transparent 12%,#06101322 30%,#061013ed 62%,#061013 100%);opacity:var(--copy-p)}
  .hero-stage .hero-noise{width:300%;left:-178%;height:110%;top:-10%;opacity:.42;transform:scale(calc(1 + var(--hero-p)*.08))}
  .film-stage{padding:28px var(--pad) 72px}
  .hero-stage{display:block;min-height:calc(100svh - var(--film-header))}
  .hero-stage .hero-copy{width:100%;max-width:620px;margin:180px auto 0}
  .hero-stage .hero-copy h1{font-size:clamp(40px,6.3vw,60px);max-width:19ch;margin-bottom:20px}
  .hero-stage .hero-copy .section-kicker{display:none}
  .hero-stage .eyebrow{margin-bottom:18px;font-size:10px}
  .hero-stage .hero-intro{font-size:16px;margin-bottom:0;max-width:55ch}
  .hero-stage .hero-actions{margin-top:24px;gap:12px 24px}
  .hero-stage .hero-visual{width:220px;left:50%;top:118px;transform:translate(-50%,-50%) scale(.83)}
  .has-hold .hero-visual{left:50%;top:46%;transform:translate(-50%,calc(-50% + var(--visual-p)*(118px - var(--stage-height)*.46))) scale(calc(1.4 - var(--visual-p)*.57))}
  .hero-stage .visual-caption{display:none}
  .hero-stage .scroll-note{bottom:12px;font-size:10px}
  .film-opening{bottom:88px;font-size:21px}
  .community-stage{display:flex;flex-direction:column;gap:20px;min-height:0;padding-top:32px}
  .community-stage .connection-lines{height:200px;min-height:200px;max-width:480px;margin:0 auto}
  .community-stage .community-copy{max-width:620px}
  .has-hold .community-stage{min-height:calc(100svh - var(--film-header));justify-content:center}
  .chapter-light{opacity:.26}
  .manifesto{padding-block:100px!important}
}
@media(max-width:767px){
  .hero-stage .scroll-note{left:auto;right:20px;transform:none}
  .hero-stage .hero-copy{margin-top:148px}
  .hero-stage .hero-visual{top:100px;width:190px}
  .has-hold .hero-visual{top:44%;transform:translate(-50%,calc(-50% + var(--visual-p)*(100px - var(--stage-height)*.44))) scale(calc(1.4 - var(--visual-p)*.57))}
  .hero-stage .hero-copy h1{font-size:clamp(34px,9vw,48px)}
  .hero-stage .hero-copy h1 .zeile{display:inline}
  .hero-stage .hero-actions .button{padding:11px 16px;font-size:13px}
  .hero-stage .hero-actions .text-link{font-size:13px}
  .hero-stage .film-seal>span{font-size:8px;letter-spacing:.25em}
  .hero-stage .film-seal{gap:5px}
  .manifesto>h2{font-size:42px}.manifesto-copy{margin-left:0}
  .kapitel-zeile,.kapitel-zeile:nth-child(even){padding:26px 22px;margin-bottom:28px}
  .statement-section{min-height:60svh}
  .community-stage .connection-lines{height:180px;min-height:180px}
  .association-section .epilog{padding-bottom:40px}
  .chapter-light path{stroke-width:1}
}
@media(prefers-reduced-motion:reduce){
  .hero-stage .hero-copy{opacity:1;transform:none}
  .film-opening{display:none!important}
  .chapter-light path{stroke-dashoffset:0}
  .film-orbits,.epilog-symbol{transform:none}
}

/* Markenankunft: kurze, durch Eingabe sofort beendbare Inszenierung. */
.arrival{position:fixed;inset:0;z-index:100;background:radial-gradient(ellipse at 50% 45%,#142b27,#061013 68%);display:grid;place-items:center;pointer-events:none;animation:arrival-away 700ms 1700ms ease-in-out forwards}
.arrival[hidden]{display:none}
.arrival-mark{width:min(62vw,360px);display:flex;flex-direction:column;align-items:center;gap:28px;transform:translateY(-3vh)}
.arrival-symbol{width:120px;height:auto;animation:arrival-form 1100ms cubic-bezier(.2,.7,.2,1) both}
.arrival-wordmark{width:100%;height:auto;animation:arrival-form 1000ms 350ms both}
.arrival-line{height:1px;width:64%;background:linear-gradient(90deg,transparent,#d9bd70,transparent);transform-origin:center;animation:arrival-line 1200ms 400ms both}
@keyframes arrival-form{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes arrival-line{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}
@keyframes arrival-away{to{opacity:0;visibility:hidden}}
@media(max-width:1023px) and (max-height:700px){
  .hero-stage{padding-top:20px;padding-bottom:60px}
  .hero-stage .hero-copy{margin-top:118px}
  .hero-stage .hero-visual{width:156px;top:88px}
  .has-hold .hero-visual{top:42%;transform:translate(-50%,calc(-50% + var(--visual-p)*(88px - var(--stage-height)*.42))) scale(calc(1.4 - var(--visual-p)*.57))}
  .hero-stage .hero-copy h1{font-size:clamp(32px,8vw,44px);margin-bottom:14px}
  .hero-stage .eyebrow{margin-bottom:12px}
  .hero-stage .hero-intro{font-size:15px;line-height:1.55}
  .hero-stage .hero-actions{margin-top:18px}
}
@media(max-height:500px) and (min-width:600px){
  .hero-stage{padding-top:60px;padding-bottom:72px}
  .hero-stage .hero-copy{width:65%;margin:0;max-width:620px}
  .hero-stage .hero-visual{left:84%;top:48%;width:min(28vw,240px)}
  .hero-stage .hero-copy h1{font-size:36px}
}
@media(prefers-reduced-motion:reduce){.arrival{display:none!important}}
.motion-enabled .hero:not(.has-hold) .hero-visual{translate:0 calc(var(--natural-p,0)*24px);scale:calc(1 + var(--natural-p,0)*.12)}
@media(max-width:979px){
  html:not(.js) [data-public=home] .ua-kopf{position:relative;flex-direction:column;align-items:flex-start}
  html:not(.js) [data-public=home] .kopf-menue{width:100%}
}