/* Startseite: Kopf wandert beim Scrollen nach rechts, Headline kommt links dazu */
.face-stage{height:250vh}
.face-wrap{aspect-ratio:4/5}
.face-wrap{-webkit-mask-image:linear-gradient(to bottom,#000 var(--fa,62%),transparent var(--fb,84%)),linear-gradient(to right,transparent 0,#000 3%,#000 97%,transparent 100%);mask-image:linear-gradient(to bottom,#000 var(--fa,62%),transparent var(--fb,84%)),linear-gradient(to right,transparent 0,#000 3%,#000 97%,transparent 100%)}
.ph-head{position:absolute;z-index:3;left:clamp(16px,4.4vw,64px);top:50%;transform:translateY(-46%);margin:0;pointer-events:none}
.ph-head .ph-l{display:block;opacity:0;font-weight:900;font-size:clamp(46px,7.2vw,124px);line-height:.98;letter-spacing:-.035em;will-change:transform,opacity}
.ph-head .ph-ol{font-family:'Montserrat Outline','Montserrat',sans-serif;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:2px var(--ink)}
.ph-head .ph-ac{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ph-head .ph-gap{height:.16em}
.ph-fade{opacity:0}
.ph-mark{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:14px}
.ph-mark i{display:inline-block;width:2px;height:22px;background:var(--ink)}
.ph-top{position:absolute;z-index:4;right:clamp(16px,4.4vw,64px);top:118px}
.ph-top a:hover{color:var(--ink)}
.ph-txt{position:absolute;z-index:4;right:clamp(16px,4.4vw,64px);bottom:64px;max-width:410px;text-align:right}
.ph-txt .ph-mark{margin-bottom:26px}
.ph-txt p{margin:0;font-weight:600;font-size:clamp(16px,1.35vw,20px);line-height:1.45;color:var(--ink)}
@media(max-width:820px){
  .ph-head{top:auto;bottom:96px;transform:none;left:16px;right:16px}
  .ph-head .ph-l{font-size:clamp(28px,9vw,60px)}
  .ph-top,.ph-txt{display:none}
}
.ph-txt{text-shadow:0 1px 14px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6)}
[data-theme="light"] .ph-txt{text-shadow:0 1px 14px rgba(255,255,255,.85)}
@media(min-width:821px){.face-cta{left:clamp(16px,4.4vw,64px)}}
.ph-glow{position:absolute;right:8%;top:18%;width:52vw;height:70vh;background:radial-gradient(ellipse at center,rgba(91,60,246,.28),transparent 64%);filter:blur(40px);pointer-events:none;z-index:0}
@media(max-width:820px){.ph-glow{display:none}}
