:root{--bg:#050505;--panel:#0b0b0b;--panel2:#121212;--red:#d20a16;--red2:#770009;--text:#f2eee9;--muted:#aaa29c;--line:#2b2222;--green:#81ff75;--shadow:0 18px 70px rgba(0,0,0,.55)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 0,#180304 0,#070707 38%,#030303 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65;overflow-x:hidden}a{color:#fff;text-decoration:none}a:hover{color:#ff5962}.wrap{width:min(1180px,92vw);margin:auto}.narrow{width:min(820px,92vw)}.center{text-align:center}.noise{position:fixed;inset:0;pointer-events:none;opacity:.09;z-index:1;background-image:radial-gradient(#fff 0.5px,transparent .5px);background-size:4px 4px;mix-blend-mode:soft-light}.hero{min-height:100vh;position:relative;z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.78)),radial-gradient(circle at 72% 34%,rgba(210,10,22,.18),transparent 28%)}.nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0;gap:28px}.brand{font-weight:900;letter-spacing:2px;font-size:1.05rem}.brand span{color:var(--red)}.nav-links{display:flex;gap:20px;flex-wrap:wrap}.nav-links a{color:#ccc;font-size:.92rem}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;padding:40px 0 90px}.eyebrow{color:#ff3947;font-weight:800;letter-spacing:.16em;font-size:.76rem;text-transform:uppercase}.hero h1,.legal-hero h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.92;margin:.2em 0 .12em;text-transform:uppercase;letter-spacing:-.04em;text-shadow:0 0 40px rgba(210,10,22,.25)}.slogan{font-size:clamp(1.35rem,2.8vw,2.3rem);font-weight:900;color:#ddd;margin:.2em 0 1em}.lead{color:#c7c0bb;font-size:1.06rem;max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-block;padding:13px 18px;border:1px solid #4b3434;border-radius:10px;font-weight:800;transition:.2s}.btn.primary{background:linear-gradient(180deg,#e01824,#8d0710);border-color:#f1434d;box-shadow:0 12px 40px rgba(210,10,22,.18)}.btn.ghost{background:#0b0b0bcc}.btn:hover{transform:translateY(-2px);color:#fff}.launch-card{display:inline-grid;gap:2px;background:linear-gradient(135deg,#151010,#080808);border:1px solid #472529;border-left:4px solid var(--red);padding:15px 18px;border-radius:12px;box-shadow:var(--shadow)}.launch-card span,.launch-card small{color:#a9a09b}.launch-card strong{font-size:1.7rem}.logo-stage{position:relative;display:grid;place-items:center}.logo-stage img{width:min(620px,100%);height:auto;filter:drop-shadow(0 25px 55px rgba(0,0,0,.8));position:relative;z-index:2}.logo-aura{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,0,20,.28),transparent 66%);filter:blur(22px);animation:pulse 4s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.09);opacity:.72}}.section{position:relative;z-index:2;padding:95px 0}.intro{background:linear-gradient(180deg,#050505,#090707)}h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;margin:.25em 0 .5em}h3{font-size:1.25rem}.section-head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:45px}.section-head>p{max-width:530px;color:var(--muted)}.cycle-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:52px;align-items:center}.cycle{position:relative;aspect-ratio:1;max-width:480px;margin:auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#16080a 0,#070707 56%,#010101 74%);box-shadow:inset 0 0 70px #000,0 0 80px rgba(180,0,20,.08)}.cycle-ring{position:absolute;border:1px solid #542028;border-radius:50%;inset:10%;animation:spin 20s linear infinite}.ring-two{inset:22%;border-style:dashed;animation-direction:reverse;animation-duration:14s}@keyframes spin{to{transform:rotate(360deg)}}.cycle-core{text-align:center}.cycle-core span,.cycle-core strong,.cycle-core small{display:block}.cycle-core strong{font-size:2.3rem;color:#f3f0eb}.cycle-core span{letter-spacing:.3em;color:#ff4a55}.cycle-core small{color:#777}.orbit{position:absolute;background:#0d090a;border:1px solid #4a2227;border-radius:999px;padding:8px 11px;font-size:.72rem;font-weight:900;letter-spacing:.08em;box-shadow:0 0 20px #000}.orbit span{color:#ff3442}.orbit-1{top:3%;left:38%}.orbit-2{right:-2%;top:45%}.orbit-3{bottom:3%;left:34%}.orbit-4{left:-3%;top:45%}.phase-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.phase-card,.future-grid article,.status-panel,.legal-card{background:linear-gradient(145deg,#101010,#080808);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.phase-card{padding:24px}.phase-card .num,.future-grid span{font-size:.75rem;color:#ff4b55;font-weight:900;letter-spacing:.2em}.phase-card p,.phase-card li,.future-grid p,.status p,.legal-card p{color:#aaa39e}.phase-card ul{padding-left:20px}.future{background:linear-gradient(180deg,#080606,#040404)}.future-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.future-grid article{padding:24px}.warning-box{margin-top:28px;border:1px solid #57252a;background:#15090b;padding:16px 18px;border-radius:12px;color:#d8c9c5}.status-grid{display:grid;grid-template-columns:1fr .8fr;gap:35px;align-items:center}.status-panel{padding:12px 22px}.status-panel div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #242020}.status-panel div:last-child{border-bottom:0}.status-panel b{color:#ff4c56}footer{position:relative;z-index:2;border-top:1px solid #241d1d;background:#030303;padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px}.footer-grid p{color:#9b9490}.footer-bottom{border-top:1px solid #211b1b;margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#777;font-size:.86rem}.legal-hero{position:relative;z-index:2;padding:42px 0 30px;background:radial-gradient(circle at 30% 0,#250507,transparent 45%)}.legal-hero h1{font-size:clamp(3rem,7vw,5.8rem)}.legal-card{padding:30px;max-width:900px}.legal-card h2{font-size:1.5rem;margin-top:1.7em}.screen-glitch{position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent 0 48%,rgba(255,0,25,.12) 49% 52%,transparent 53%);mix-blend-mode:screen}.screen-glitch.flash{animation:glitch .28s steps(2,end)}@keyframes glitch{0%{opacity:0;transform:translateX(0)}20%{opacity:.65;transform:translateX(8px)}50%{opacity:.2;transform:translateX(-12px)}80%{opacity:.45;transform:translateX(4px)}100%{opacity:0;transform:translateX(0)}}.haunted{animation:haunted .18s steps(2,end) 1}@keyframes haunted{0%{filter:none}40%{filter:contrast(1.32) saturate(1.55) hue-rotate(-7deg)}70%{filter:contrast(1.12) saturate(1.15)}100%{filter:none}}@media(max-width:900px){.hero-grid,.cycle-layout,.status-grid{grid-template-columns:1fr}.hero-grid{padding-top:10px}.logo-stage{order:-1}.logo-stage img{max-width:470px}.phase-grid,.future-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.footer-grid{grid-template-columns:1fr 1fr}.nav{align-items:flex-start}.nav-links{justify-content:flex-end}}@media(max-width:620px){.nav-links{display:none}.phase-grid,.future-grid,.footer-grid{grid-template-columns:1fr}.section{padding:70px 0}.hero-grid{gap:22px}.cycle{max-width:330px}.orbit{font-size:.58rem}.hero h1{font-size:3rem}}
.timeline-section{background:linear-gradient(180deg,#050505,#0b0607)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.timeline article{position:relative;padding:26px;background:linear-gradient(145deg,#111,#080808);border:1px solid var(--line);border-top:2px solid #7d0b14;border-radius:16px;box-shadow:var(--shadow)}.timeline article span{display:inline-block;color:#ff4b55;font-weight:900;letter-spacing:.12em;font-size:.78rem}.timeline article p{color:var(--muted)}.recruitment{background:radial-gradient(circle at 80% 20%,rgba(170,0,20,.14),transparent 28%),#050505}.recruitment-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}.recruitment-grid p{color:#bcb3ae}.recruitment-tags{display:flex;flex-wrap:wrap;gap:12px;align-content:center}.recruitment-tags span{padding:12px 15px;border:1px solid #4a2327;background:#10090a;border-radius:999px;font-weight:800;color:#e8dcda;box-shadow:0 10px 30px rgba(0,0,0,.35)}.page-logo-head{display:grid;grid-template-columns:180px 1fr;gap:34px;align-items:center}.mini-logo{width:180px;max-width:34vw;height:auto;filter:drop-shadow(0 15px 35px rgba(0,0,0,.75))}.form-section{padding-top:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-card{background:linear-gradient(145deg,#101010,#080808);border:1px solid var(--line);border-radius:18px;padding:28px;box-shadow:var(--shadow)}.form-card h2{font-size:clamp(1.7rem,3vw,2.5rem)}.form-card>p{color:#aaa39e}.apply-form{display:grid;gap:15px;margin-top:24px}.apply-form label{display:grid;gap:7px;font-weight:800;font-size:.92rem}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.apply-form input,.apply-form select,.apply-form textarea{width:100%;border:1px solid #3b2a2c;background:#060606;color:#f4efec;border-radius:10px;padding:12px 13px;font:inherit;outline:none}.apply-form input:focus,.apply-form select:focus,.apply-form textarea:focus{border-color:#b51520;box-shadow:0 0 0 3px rgba(210,10,22,.12)}.apply-form textarea{resize:vertical}.check{display:flex!important;align-items:center!important;gap:8px!important;font-weight:400!important;color:#bfb7b2;white-space:nowrap;line-height:1.4}.check input{width:auto!important;flex:0 0 auto;margin:0}.check a{display:inline!important;white-space:nowrap}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.success-box{margin-top:28px;border:1px solid #24672a;background:#0a160b;color:#cdeecf;padding:16px 18px;border-radius:12px}.popup-link{cursor:pointer}
@media(max-width:900px){.timeline{grid-template-columns:1fr 1fr}.recruitment-grid,.form-grid{grid-template-columns:1fr}.page-logo-head{grid-template-columns:120px 1fr}.mini-logo{width:120px}.field-row{grid-template-columns:1fr}}
@media(max-width:620px){.timeline{grid-template-columns:1fr}.page-logo-head{display:block}.mini-logo{width:130px;max-width:none;margin-bottom:15px}}
.footer-cta{font-size:.86rem;padding:10px 14px;margin-top:2px}

/* V3 readability refinements */
.check a{color:#ff3947;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.check a:hover{color:#ff7a82}.footer-grid h3{white-space:nowrap}.form-card h2{font-size:clamp(1.05rem,1.8vw,1.6rem);white-space:nowrap;letter-spacing:-.025em}.footer-bottom a{color:#aaa29c}.footer-bottom a:hover{color:#ff5962}@media(max-width:420px){.form-card h2{font-size:.94rem;letter-spacing:-.04em}.footer-grid h3{white-space:normal}}

@media(max-width:520px){.check{font-size:.78rem!important;gap:6px!important}.check input{transform:scale(.9)}}

/* V6 – transparent hero logo integration */
.logo-stage{
  min-height:620px;
  isolation:isolate;
  overflow:visible;
}
.logo-stage::before{
  content:"";
  position:absolute;
  width:118%;
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 48%,rgba(214,0,20,.22) 0 18%,rgba(104,0,8,.13) 34%,rgba(0,0,0,0) 68%),
    radial-gradient(ellipse at 50% 74%,rgba(255,0,28,.09),transparent 54%);
  filter:blur(28px);
  z-index:0;
  pointer-events:none;
}
.logo-stage::after{
  content:"";
  position:absolute;
  inset:13% 2% 8%;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.12),rgba(0,0,0,0) 68%);
  box-shadow:0 55px 90px rgba(0,0,0,.72);
  z-index:0;
  pointer-events:none;
}
.logo-stage img{
  width:min(690px,108%);
  max-width:none;
  filter:
    drop-shadow(0 22px 42px rgba(0,0,0,.82))
    drop-shadow(0 0 20px rgba(185,0,18,.12));
  transform:translateZ(0);
}
.logo-aura{
  width:84%;
  background:radial-gradient(circle,rgba(255,0,22,.21),rgba(117,0,10,.09) 37%,transparent 70%);
  filter:blur(32px);
}
@media(max-width:900px){
  .logo-stage{min-height:auto;padding:14px 0 4px}
  .logo-stage img{width:min(560px,100%);max-width:560px}
}


/* V7 – professional brand hierarchy / reduced repetition */
.brand{white-space:nowrap;flex:0 0 auto}
.hero-copy h1{font-size:clamp(2.8rem,6.2vw,6.2rem);letter-spacing:-.035em;max-width:9.6ch}
.hero-copy .slogan{color:#f0e9e5;letter-spacing:.01em}
.footer-closing h2{font-size:clamp(1.55rem,2.6vw,2.35rem);line-height:1.1;margin:.2em 0 .45em;max-width:520px}
.footer-closing>p:last-child{max-width:520px;margin-bottom:0}
.footer-bottom{align-items:center}
@media(max-width:900px){.brand{font-size:.98rem;letter-spacing:1.5px}.hero-copy h1{max-width:none}}
@media(max-width:620px){.brand{font-size:.9rem;letter-spacing:1px}.hero-copy h1{font-size:clamp(2.45rem,13vw,4rem)}}

/* V8 – hero spacing refinement: keep headline and emblem visually separated */
@media (min-width:901px){
  .hero-grid{
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
    gap:76px;
  }
  .hero-copy{
    position:relative;
    z-index:3;
    min-width:0;
  }
  .hero-copy h1{
    max-width:8.7ch;
    font-size:clamp(2.75rem,5.45vw,5.65rem);
    line-height:.91;
  }
  .logo-stage{
    min-width:0;
    padding-left:10px;
  }
  .logo-stage img{
    width:min(620px,100%);
    max-width:100%;
    transform:translateX(14px) translateZ(0);
  }
  .logo-stage::before{
    width:108%;
  }
}
@media (min-width:901px) and (max-width:1100px){
  .hero-grid{gap:58px}
  .hero-copy h1{font-size:clamp(2.65rem,5.2vw,4.7rem);max-width:8.5ch}
  .logo-stage img{width:min(560px,100%);transform:translateX(8px) translateZ(0)}
}


/* V9 – professional hero lockup based on live desktop view */
@media (min-width:901px){
  .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);
    gap:72px;
    align-items:center;
    padding-top:54px;
  }
  .hero-copy{
    min-width:0;
    max-width:600px;
  }
  .hero-copy h1{
    display:block;
    width:100%;
    max-width:none;
    margin:.18em 0 .16em;
    font-size:clamp(3rem,4.15vw,4.75rem);
    line-height:.86;
    letter-spacing:-.045em;
    text-shadow:0 0 34px rgba(210,10,22,.18);
    overflow:visible;
  }
  .hero-copy h1 .under-line,
  .hero-copy h1 .construction-line{
    display:block;
    white-space:nowrap;
  }
  .hero-copy h1 .construction-line{
    font-size:.84em;
    letter-spacing:-.055em;
    margin-top:.08em;
  }
  .logo-stage{
    justify-self:end;
    width:100%;
    max-width:560px;
    padding-left:0;
    transform:translateX(18px);
  }
  .logo-stage img{
    width:100%;
    max-width:560px;
    transform:none;
  }
  .logo-stage::before{width:102%;}
  .logo-aura{width:78%;opacity:.86;}
}
@media (min-width:901px) and (max-width:1180px){
  .hero-grid{
    grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);
    gap:48px;
  }
  .hero-copy h1{font-size:clamp(2.8rem,4.45vw,4rem);}
  .logo-stage{max-width:500px;transform:translateX(8px);}
  .logo-stage img{max-width:500px;}
}
@media (max-width:900px){
  .hero-copy h1 .under-line,
  .hero-copy h1 .construction-line{display:block;white-space:normal;}
  .hero-copy h1 .construction-line{font-size:.88em;}
}

/* V10 – footer finish: eliminate visual ghosting/overlap in the final start block */
footer{
  isolation:isolate;
  overflow:hidden;
  background:#030303;
}
footer::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 12%,rgba(120,0,10,.10),transparent 30%),
    linear-gradient(180deg,#050404 0%,#030303 58%,#020202 100%);
}
footer .wrap{position:relative;z-index:2}
.footer-closing{
  position:relative;
  overflow:visible;
}
.footer-closing::before,
.footer-closing::after{
  content:none!important;
  display:none!important;
}
.footer-closing .eyebrow,
.footer-closing h2,
.footer-closing>p:last-child{
  position:relative;
  z-index:2;
  text-shadow:none!important;
  filter:none!important;
  opacity:1;
}
.footer-closing h2{
  max-width:620px;
  margin:.22em 0 .5em;
  font-size:clamp(1.8rem,2.8vw,2.65rem);
  line-height:1.08;
  letter-spacing:-.025em;
}
.footer-closing>p:last-child{max-width:650px}

/* V11: Rechtliche Seiten werden als Popup geöffnet. Der Rücksprung schließt daher
   das Popup, statt die Hauptseite innerhalb des kleinen Fensters zu laden. */
.legal-card button.btn {
  font: inherit;
  cursor: pointer;
}


/* V12 – rechtliche Popups: sichtbarer Schließen-Button + funktionierende JS-Hooks */
.legal-close-btn{
  color:#ff303d!important;
  border-color:#7f1018!important;
  background:linear-gradient(180deg,#140709,#090506)!important;
  box-shadow:0 0 0 1px rgba(255,35,50,.06),0 10px 28px rgba(0,0,0,.35);
  text-shadow:0 0 14px rgba(255,20,35,.28);
}
.legal-close-btn:hover,
.legal-close-btn:focus-visible{
  color:#ff6570!important;
  border-color:#d20a16!important;
  background:linear-gradient(180deg,#22090c,#0c0506)!important;
  box-shadow:0 0 18px rgba(210,10,22,.20),0 12px 30px rgba(0,0,0,.42);
}
.legal-close-btn:focus-visible{outline:2px solid #d20a16;outline-offset:3px}


/* V13 – DE/EN language switch */
.language-switch{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:4px}
.lang-flag{display:grid;place-items:center;width:38px;height:30px;border:1px solid #3d2a2d;border-radius:8px;background:rgba(5,5,5,.78);font-size:1.25rem;line-height:1;filter:saturate(.82);opacity:.78;box-shadow:0 5px 18px rgba(0,0,0,.28);transition:.18s ease}
.lang-flag:hover,.lang-flag.active{opacity:1;filter:saturate(1.15);border-color:#c41520;background:#160708;transform:translateY(-1px);box-shadow:0 0 18px rgba(210,10,22,.24)}
.legal-language-switch{position:absolute;top:18px;right:max(4vw,24px);z-index:5}
@media(max-width:900px){.nav{gap:16px}.nav-links{gap:13px}.language-switch{margin-left:auto}.legal-language-switch{top:12px;right:4vw}}
@media(max-width:620px){.nav{align-items:center}.language-switch{display:flex}.lang-flag{width:36px;height:29px}.legal-language-switch{position:relative;top:auto;right:auto;justify-content:flex-end;width:min(1180px,92vw);margin:12px auto 0}}

/* V14 – 90-second jumpscare on the Under-Construction landing page only */
.jumpscare{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:grid;
  place-items:center;
  background:#000;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  overflow:hidden;
  isolation:isolate;
}
.jumpscare.active{
  visibility:visible;
  opacity:1;
  animation:jumpscare-shell 1.55s steps(1,end) both;
}
.jumpscare-patient{
  position:absolute;
  inset:-3%;
  width:106%;
  height:106%;
  object-fit:cover;
  object-position:center 42%;
  filter:contrast(1.25) saturate(.92) brightness(.77);
  transform:scale(1.02);
  opacity:0;
}
.jumpscare.active .jumpscare-patient{
  animation:jumpscare-lunge 1.55s cubic-bezier(.12,.82,.08,1) both;
}
.jumpscare-noise,
.jumpscare-flash{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.jumpscare-noise{
  z-index:2;
  opacity:0;
  mix-blend-mode:screen;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px),
    radial-gradient(circle at 50% 50%,transparent 34%,rgba(120,0,0,.22) 70%,rgba(0,0,0,.78) 100%);
}
.jumpscare.active .jumpscare-noise{animation:jumpscare-static 1.55s steps(6,end) both}
.jumpscare-flash{z-index:3;background:#f4efe8;opacity:0}
.jumpscare.active .jumpscare-flash{animation:jumpscare-flash .22s steps(2,end) both}
body.jumpscare-lock{overflow:hidden!important}

@keyframes jumpscare-shell{
  0%,96%{opacity:1}
  100%{opacity:0}
}
@keyframes jumpscare-lunge{
  0%{opacity:0;transform:scale(.86) translateZ(0);filter:contrast(1.4) saturate(.75) brightness(.42)}
  4%{opacity:1;transform:scale(1.01) translate(-1%,1%) rotate(-.4deg)}
  17%{transform:scale(1.16) translate(1.4%,-.6%) rotate(.45deg)}
  28%{transform:scale(1.11) translate(-.7%,.4%) rotate(-.25deg)}
  46%{transform:scale(1.23) translate(.4%,-.5%) rotate(.18deg)}
  72%{opacity:1;transform:scale(1.27) translate(-.2%,.2%)}
  100%{opacity:0;transform:scale(1.31);filter:contrast(1.3) saturate(.72) brightness(.35)}
}
@keyframes jumpscare-static{
  0%{opacity:.12;transform:translateX(0)}
  14%{opacity:.32;transform:translateX(-9px)}
  33%{opacity:.14;transform:translateX(7px)}
  56%{opacity:.26;transform:translateX(-4px)}
  80%{opacity:.1;transform:translateX(3px)}
  100%{opacity:0}
}
@keyframes jumpscare-flash{
  0%{opacity:.78}
  45%{opacity:.08}
  100%{opacity:0}
}

/* Fill the phone/tablet viewport, including dynamic browser chrome. */
@supports(height:100dvh){.jumpscare{min-height:100dvh}}
@media(max-width:700px){
  .jumpscare-patient{
    inset:-5%;
    width:110%;
    height:110%;
    object-position:58% center;
  }
}
@media(prefers-reduced-motion:reduce){
  .jumpscare.active .jumpscare-patient{animation-duration:1.15s;animation-timing-function:ease-out}
  .jumpscare.active .jumpscare-noise{animation:none;opacity:.08}
}

/* V16 – tiny visual variations for repeated jumpscares only; page layout unchanged. */
.jumpscare.variant-a.active .jumpscare-patient{
  animation-name:jumpscare-lunge-a;
}
.jumpscare.variant-b.active .jumpscare-patient{
  animation-name:jumpscare-lunge-b;
}
@keyframes jumpscare-lunge-a{
  0%{opacity:0;transform:scale(.82) translate(-2%,1%) rotate(-1deg);filter:contrast(1.5) saturate(.7) brightness(.38)}
  5%{opacity:1;transform:scale(1.04) translate(1%,-1%) rotate(.6deg)}
  22%{transform:scale(1.19) translate(-1.2%,.5%) rotate(-.5deg)}
  48%{transform:scale(1.25) translate(.6%,-.8%) rotate(.25deg)}
  76%{opacity:1;transform:scale(1.29) translate(-.4%,.2%)}
  100%{opacity:0;transform:scale(1.34);filter:contrast(1.35) saturate(.7) brightness(.3)}
}
@keyframes jumpscare-lunge-b{
  0%{opacity:0;transform:scale(.9) translate(2%,-1%) rotate(.8deg);filter:contrast(1.45) saturate(.72) brightness(.4)}
  4%{opacity:1;transform:scale(1.02) translate(-1%,1%) rotate(-.45deg)}
  18%{transform:scale(1.15) translate(1.5%,-.7%) rotate(.5deg)}
  42%{transform:scale(1.22) translate(-.5%,.5%) rotate(-.25deg)}
  70%{opacity:1;transform:scale(1.28) translate(.3%,-.2%)}
  100%{opacity:0;transform:scale(1.33);filter:contrast(1.32) saturate(.7) brightness(.32)}
}


/* V17 – preview story / story foundation; existing construction design remains intact. */
.story-preview{
  background:
    radial-gradient(circle at 18% 8%,rgba(145,0,15,.13),transparent 28%),
    linear-gradient(180deg,#090707 0,#050505 100%);
  border-top:1px solid #1d1516;
  border-bottom:1px solid #1d1516;
}
.story-head{margin-bottom:32px}
.story-origin{
  max-width:980px;
  margin:0 auto 30px;
  padding:26px 30px;
  background:linear-gradient(145deg,#0d0b0b,#070707);
  border:1px solid #352224;
  border-left:4px solid var(--red);
  border-radius:16px;
  box-shadow:var(--shadow);
  color:#c6bdb8;
}
.story-origin p{margin:.2em 0 1em}.story-origin p:last-child{margin-bottom:.2em}.story-origin strong{color:#fff}
.story-quote{
  max-width:1040px;
  margin:0 auto 34px;
  text-align:center;
  padding:25px 28px;
  border-top:1px solid #5d2026;
  border-bottom:1px solid #5d2026;
  background:linear-gradient(90deg,transparent,rgba(110,0,12,.12),transparent);
}
.story-quote>span{display:block;color:#ff4350;font-weight:900;letter-spacing:.16em;font-size:.78rem;margin-bottom:10px}
.story-quote blockquote{margin:0;color:#eee4df;font-size:clamp(1.05rem,2vw,1.4rem);font-weight:700;line-height:1.55}
.story-scenarios{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.story-scenario{
  position:relative;
  padding:30px;
  background:linear-gradient(145deg,#101010,#070707);
  border:1px solid #322224;
  border-radius:18px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.story-scenario::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#d20a16,#550006);opacity:.9}
.story-scenario-extreme{border-color:#552229;background:radial-gradient(circle at 90% 0,rgba(168,0,18,.11),transparent 34%),linear-gradient(145deg,#110d0e,#070707)}
.story-scenario-top{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:12px;color:#ff4b55;font-weight:900;letter-spacing:.12em;font-size:.76rem}
.story-scenario-top strong{padding:5px 9px;border:1px solid #51252a;border-radius:999px;background:#16090b;color:#f6dddd;font-size:.72rem;white-space:nowrap}
.story-scenario h3{font-size:clamp(1.45rem,2.7vw,2.2rem);line-height:1.08;margin:.25em 0 .75em;color:#f4efec}
.story-scenario h3 small{display:block;margin-top:8px;color:#a79d98;font-size:.56em;font-weight:700;letter-spacing:.02em}
.story-scenario h4{color:#f2e4df;margin:1.4em 0 .35em;font-size:1rem}
.story-scenario p{color:#aaa19d}.story-scenario .story-lead{color:#d3c7c2;font-weight:700}
.story-phases{display:grid;gap:13px;margin-top:20px}.story-phases>div{padding:16px 17px;border:1px solid #2e2223;background:#090808;border-radius:12px}.story-phases span{color:#ff4853;font-size:.72rem;font-weight:900;letter-spacing:.14em}.story-phases h4{margin:.25em 0 .45em}.story-phases p{margin:0}
.story-credits{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;margin-top:28px;color:#8f8783;font-size:.84rem}.story-credits b{color:#c8bbb6}
@media(max-width:900px){.story-scenarios{grid-template-columns:1fr}.story-origin,.story-quote,.story-scenario{padding-left:22px;padding-right:22px}}
@media(max-width:620px){.story-scenario-top{align-items:flex-start}.story-scenario{padding:23px 20px}.story-origin{padding:22px 20px}.story-quote{padding:22px 18px}.story-credits{justify-content:flex-start}}

/* Story teaser: intentionally spoiler-free */
.story-teaser-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem}
@media (max-width:800px){.story-teaser-grid{grid-template-columns:1fr}}

/* V23 – professional target-date disclaimer */
.date-asterisk{color:#d61922;font-size:.55em;line-height:0;vertical-align:super;margin-left:.08em}
.project-date-note{grid-column:1 / -1;display:flex;align-items:flex-start;gap:12px;margin-top:2px;padding:15px 18px;border:1px solid rgba(185,30,39,.28);border-left:3px solid #b9151f;border-radius:10px;background:linear-gradient(100deg,rgba(111,0,10,.10),rgba(255,255,255,.018));color:#918987;font-size:.78rem;line-height:1.55}
.project-date-note-mark{flex:0 0 auto;color:#d61922;font-size:1.35rem;font-weight:900;line-height:1;padding-top:2px}
.project-date-note p{margin:0}.project-date-note strong{color:#c7bcba;font-weight:800}
@media(max-width:620px){.project-date-note{padding:14px 15px;font-size:.75rem;gap:9px}}


.project-date-note-wrap{margin-top:34px}
.project-date-note-wrap .project-date-note{width:100%;margin:0}
@media(max-width:620px){.project-date-note-wrap{margin-top:26px}}


/* V31 – sporadischer blutender Mauszeiger (Desktop/Pointer-Geräte) */
.cursor-blood-drop{
  position:fixed;
  width:7px;
  height:12px;
  pointer-events:none;
  z-index:99999;
  border-radius:55% 55% 65% 65%;
  background:radial-gradient(circle at 40% 30%, #ff2a2a 0 12%, #c40000 38%, #650000 78%, rgba(70,0,0,.08) 100%);
  box-shadow:0 0 5px rgba(170,0,0,.65), 0 0 12px rgba(110,0,0,.28);
  transform:translate(-50%,-50%) rotate(8deg);
  opacity:.96;
  animation:cursorBloodFall var(--blood-dur,900ms) cubic-bezier(.16,.68,.24,1) forwards;
}
.cursor-blood-drop::before{
  content:"";
  position:absolute;
  width:4px;
  height:4px;
  border-radius:50%;
  left:-4px;
  top:1px;
  background:#8e0000;
  opacity:.8;
}
.cursor-blood-drop::after{
  content:"";
  position:absolute;
  width:3px;
  height:6px;
  border-radius:50%;
  right:-3px;
  top:3px;
  background:#b30000;
  opacity:.75;
}
@keyframes cursorBloodFall{
  0%{
    opacity:0;
    transform:translate(-50%,-50%) scale(.55) rotate(4deg);
  }
  15%{opacity:.98}
  55%{
    opacity:.92;
    transform:translate(calc(-50% + var(--blood-x,0px)), calc(-50% + 34px)) scale(.9) rotate(8deg);
  }
  100%{
    opacity:0;
    transform:translate(calc(-50% + var(--blood-x,0px)), calc(-50% + 76px)) scale(.35) rotate(14deg);
  }
}
@media (pointer:coarse), (hover:none){
  .cursor-blood-drop{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  .cursor-blood-drop{display:none!important}
}


/* V32 – Spritze als Cursor, abwechselnd mit normalem Mauszeiger + Blutung */
@media (pointer:fine) and (hover:hover){
  html.cursor-mode-syringe,
  html.cursor-mode-syringe body,
  html.cursor-mode-syringe a,
  html.cursor-mode-syringe button,
  html.cursor-mode-syringe .btn,
  html.cursor-mode-syringe input,
  html.cursor-mode-syringe select,
  html.cursor-mode-syringe textarea,
  html.cursor-mode-syringe label,
  html.cursor-mode-syringe .popup-link {
    cursor:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2740%27%20height%3D%2740%27%20viewBox%3D%270%200%2040%2040%27%3E%0A%3Cg%20transform%3D%27translate%283%204%29%20rotate%28-40%2016%2016%29%27%3E%0A%20%20%3Cline%20x1%3D%275%27%20y1%3D%2716%27%20x2%3D%270.8%27%20y2%3D%2716%27%20stroke%3D%27%23d6d6d6%27%20stroke-width%3D%271.3%27%20stroke-linecap%3D%27round%27/%3E%0A%20%20%3Cline%20x1%3D%270.8%27%20y1%3D%2716%27%20x2%3D%270.2%27%20y2%3D%2716%27%20stroke%3D%27%238f8f8f%27%20stroke-width%3D%270.8%27%20stroke-linecap%3D%27round%27/%3E%0A%20%20%3Crect%20x%3D%275%27%20y%3D%2711.5%27%20width%3D%2716%27%20height%3D%279%27%20rx%3D%271.6%27%20fill%3D%27%23f3f3f3%27%20stroke%3D%27%231a1a1a%27%20stroke-width%3D%271%27/%3E%0A%20%20%3Crect%20x%3D%277%27%20y%3D%2713.2%27%20width%3D%2712%27%20height%3D%275.6%27%20rx%3D%270.8%27%20fill%3D%27%237d0009%27%20opacity%3D%270.85%27/%3E%0A%20%20%3Cline%20x1%3D%2711%27%20y1%3D%2712.4%27%20x2%3D%2711%27%20y2%3D%2719.6%27%20stroke%3D%27%231a1a1a%27%20stroke-width%3D%270.7%27%20opacity%3D%270.65%27/%3E%0A%20%20%3Cline%20x1%3D%2714%27%20y1%3D%2712.4%27%20x2%3D%2714%27%20y2%3D%2719.6%27%20stroke%3D%27%231a1a1a%27%20stroke-width%3D%270.7%27%20opacity%3D%270.65%27/%3E%0A%20%20%3Cline%20x1%3D%2717%27%20y1%3D%2712.4%27%20x2%3D%2717%27%20y2%3D%2719.6%27%20stroke%3D%27%231a1a1a%27%20stroke-width%3D%270.7%27%20opacity%3D%270.65%27/%3E%0A%20%20%3Crect%20x%3D%2721%27%20y%3D%2713.3%27%20width%3D%275.2%27%20height%3D%275.4%27%20rx%3D%270.9%27%20fill%3D%27%239f000b%27%20stroke%3D%27%231a1a1a%27%20stroke-width%3D%271%27/%3E%0A%20%20%3Cline%20x1%3D%2726.2%27%20y1%3D%2716%27%20x2%3D%2731.2%27%20y2%3D%2716%27%20stroke%3D%27%231a1a1a%27%20stroke-width%3D%271.2%27%20stroke-linecap%3D%27round%27/%3E%0A%20%20%3Cline%20x1%3D%2731.2%27%20y1%3D%2716%27%20x2%3D%2734%27%20y2%3D%2716%27%20stroke%3D%27%23d9d9d9%27%20stroke-width%3D%271.1%27%20stroke-linecap%3D%27round%27/%3E%0A%20%20%3Cline%20x1%3D%2728.6%27%20y1%3D%2712%27%20x2%3D%2728.6%27%20y2%3D%2720%27%20stroke%3D%27%231a1a1a%27%20stroke-width%3D%271.1%27%20stroke-linecap%3D%27round%27/%3E%0A%20%20%3Cline%20x1%3D%2731.8%27%20y1%3D%2712.7%27%20x2%3D%2731.8%27%20y2%3D%2719.3%27%20stroke%3D%27%231a1a1a%27%20stroke-width%3D%271.05%27%20stroke-linecap%3D%27round%27/%3E%0A%3C/g%3E%3C/svg%3E") 4 16, auto !important;
  }

  html.cursor-mode-default,
  html.cursor-mode-default body,
  html.cursor-mode-default a,
  html.cursor-mode-default button,
  html.cursor-mode-default .btn,
  html.cursor-mode-default input,
  html.cursor-mode-default select,
  html.cursor-mode-default textarea,
  html.cursor-mode-default label,
  html.cursor-mode-default .popup-link {
    cursor:auto !important;
  }
}

/* V33 hard safeguard: old circular cursor is retired completely. */
#cursorGhost,.cursor-ghost{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;border:0!important;box-shadow:none!important}


/* V35 – Psychiatrie-/Klinik-Scrollbar im Horror-Escape-Look */
html{
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#8d0710 #050505;
}

/* Chromium / Safari / Edge */
::-webkit-scrollbar{
  width:16px;
  height:16px;
}

::-webkit-scrollbar-track{
  background:
    repeating-linear-gradient(
      0deg,
      #050505 0 14px,
      #0d0d0d 14px 15px,
      #040404 15px 29px
    );
  border-left:1px solid #241d1d;
  box-shadow:
    inset 2px 0 0 rgba(255,255,255,.02),
    inset -2px 0 0 rgba(0,0,0,.75);
}

/* Der Thumb erinnert an eine alte, blutverschmierte Klinikschiene */
::-webkit-scrollbar-thumb{
  min-height:64px;
  border:4px solid #050505;
  border-radius:9px;
  background:
    linear-gradient(90deg,
      #3a3a3a 0 9%,
      #8d0710 9% 26%,
      #c80b18 26% 43%,
      #6f0008 43% 61%,
      #b20814 61% 77%,
      #2d2d2d 77% 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 0 8px rgba(0,0,0,.82),
    0 0 10px rgba(164,0,12,.28);
}

::-webkit-scrollbar-thumb:hover{
  background:
    linear-gradient(90deg,
      #484848 0 9%,
      #aa0712 9% 26%,
      #e20d1b 26% 43%,
      #790008 43% 61%,
      #cf0a16 61% 77%,
      #383838 77% 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    inset 0 0 8px rgba(0,0,0,.85),
    0 0 16px rgba(210,10,22,.55);
}

::-webkit-scrollbar-thumb:active{
  background:
    linear-gradient(90deg,
      #2d2d2d 0 10%,
      #650008 10% 28%,
      #9d0610 28% 47%,
      #4b0005 47% 64%,
      #8a0710 64% 80%,
      #262626 80% 100%);
}

/* Kleine Metall-/Gitteranmutung an den Scrollbar-Ecken */
::-webkit-scrollbar-corner{
  background:
    linear-gradient(45deg,#050505 0 40%,#7b0710 40% 50%,#050505 50% 100%);
  border-top:1px solid #241d1d;
  border-left:1px solid #241d1d;
}

/* Auf Touch-Geräten bleibt die native, schmale System-Scrollbar bestehen */
@media (pointer:coarse), (hover:none){
  html{
    scrollbar-width:auto;
    scrollbar-color:auto;
  }
}


/* V36 – Social Media Footer: premium Blackwood treatment */
.social-horror-section{
  margin-top:38px;
  padding-top:34px;
  border-top:1px solid rgba(255,255,255,.055);
}
.social-horror-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
}
.social-horror-head .eyebrow{margin:0 0 4px}
.social-horror-head h3{
  margin:0;
  font-size:clamp(1.45rem,2.3vw,2rem);
  letter-spacing:.015em;
  text-transform:uppercase;
}
.social-horror-head>p:last-child{
  max-width:510px;
  margin:0;
  color:#8f8783;
  font-size:.9rem;
}
.social-horror-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.social-horror-button{
  --social-accent:#d20a16;
  --social-shadow:rgba(210,10,22,.24);
  position:relative;
  isolation:isolate;
  min-height:86px;
  display:grid;
  grid-template-columns:54px 1fr auto;
  align-items:center;
  gap:14px;
  padding:15px 16px;
  overflow:hidden;
  border:1px solid #3a2326;
  border-radius:14px;
  background:
    linear-gradient(115deg,rgba(255,255,255,.025),transparent 28%),
    repeating-linear-gradient(167deg,rgba(255,255,255,.016) 0 1px,transparent 1px 7px),
    linear-gradient(145deg,#111,#070707 68%,#0d0506);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 35px rgba(0,0,0,.34);
  color:#f4efea;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease;
}
.social-horror-button::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-12%;
  right:-12%;
  bottom:-27px;
  height:45px;
  background:radial-gradient(ellipse at 50% 0,var(--social-shadow),transparent 64%);
  transform:rotate(-2deg);
  opacity:.72;
  transition:opacity .22s ease,transform .22s ease;
}
.social-horror-button::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(104deg,transparent 0 18%,rgba(132,0,9,.13) 18.4% 18.9%,transparent 19.3% 63%,rgba(132,0,9,.08) 63.3% 63.8%,transparent 64.2%),
    radial-gradient(circle at 9% 15%,rgba(255,0,20,.11),transparent 19%);
  mix-blend-mode:screen;
  opacity:.62;
}
.social-horror-button:hover,
.social-horror-button:focus-visible{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--social-accent) 72%,#5a272b);
  box-shadow:0 0 0 1px rgba(255,255,255,.018),0 0 24px var(--social-shadow),0 18px 42px rgba(0,0,0,.48);
  color:#fff;
  filter:saturate(1.08);
}
.social-horror-button:hover::before,
.social-horror-button:focus-visible::before{opacity:1;transform:rotate(-1deg) scaleX(1.05)}
.social-horror-button:focus-visible{outline:2px solid #ff5962;outline-offset:3px}
.social-icon-shell{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:13px;
  border:1px solid #4d282d;
  background:linear-gradient(145deg,#171111,#070707);
  box-shadow:inset 0 0 18px rgba(0,0,0,.7),0 8px 18px rgba(0,0,0,.28);
  transform:rotate(-1.2deg);
  transition:transform .22s ease,box-shadow .22s ease;
}
.social-horror-button:hover .social-icon-shell{transform:rotate(1.2deg) scale(1.035);box-shadow:inset 0 0 16px rgba(0,0,0,.75),0 0 17px var(--social-shadow)}
.social-icon{width:29px;height:29px;overflow:visible;fill:none;stroke:#eee8e2;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.social-icon-dot{fill:#eee8e2;stroke:none}
.social-icon-tiktok{fill:#eee8e2;stroke:none;filter:drop-shadow(-1.5px 0 0 rgba(37,244,238,.42)) drop-shadow(1.5px 0 0 rgba(254,44,85,.44))}
.social-icon-youtube{fill:#d81622;stroke:none;filter:drop-shadow(0 0 5px rgba(216,22,34,.25))}
.social-icon-youtube .social-icon-cutout{fill:#fff}
.social-copy{min-width:0;display:flex;flex-direction:column;line-height:1.12}
.social-copy small{
  color:#8f8581;
  font-size:.69rem;
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
  margin-bottom:6px;
}
.social-copy strong{
  color:#f2eee9;
  font-size:clamp(.92rem,1.35vw,1.05rem);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.social-arrow{font-size:1.15rem;color:#756b68;transition:color .2s ease,transform .2s ease}
.social-horror-button:hover .social-arrow{color:#ff535e;transform:translate(2px,-2px)}
.social-instagram{--social-accent:#e24a75;--social-shadow:rgba(210,32,82,.23)}
.social-instagram .social-icon-shell{border-color:#50303a;background:radial-gradient(circle at 28% 105%,rgba(245,156,46,.13),transparent 38%),radial-gradient(circle at 88% 2%,rgba(105,55,230,.12),transparent 42%),linear-gradient(145deg,#171111,#070707)}
.social-tiktok{--social-accent:#ef315c;--social-shadow:rgba(38,214,210,.13)}
.social-youtube{--social-accent:#e21b26;--social-shadow:rgba(226,27,38,.25)}
@media(max-width:900px){
  .social-horror-head{display:block}
  .social-horror-head>p:last-child{margin-top:8px}
  .social-horror-links{grid-template-columns:1fr}
  .social-horror-button{min-height:78px}
}
@media(max-width:480px){
  .social-horror-section{margin-top:30px;padding-top:28px}
  .social-horror-button{grid-template-columns:48px 1fr auto;padding:13px 14px;gap:12px}
  .social-icon-shell{width:48px;height:48px;border-radius:12px}
  .social-icon{width:26px;height:26px}
  .social-copy strong{font-size:.94rem}
}
@media(prefers-reduced-motion:reduce){
  .social-horror-button,.social-icon-shell,.social-arrow{transition:none!important}
}


/* V37 – compact legal footer + project information popup link */
.footer-legal-row{
  margin-top:26px;
  padding:17px 0 3px;
  border-top:1px solid #20191a;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  color:#51494a;
  font-size:.82rem;
  letter-spacing:.02em;
}
.footer-legal-link{
  color:#9e9692;
  position:relative;
  transition:color .18s ease,text-shadow .18s ease,transform .18s ease;
}
.footer-legal-link:hover,.footer-legal-link:focus-visible{
  color:#f0e9e5;
  text-shadow:0 0 12px rgba(210,10,22,.36);
}
.footer-project-info{color:#bcadb0;font-weight:700}
.footer-project-info::before{
  content:'';
  position:absolute;
  left:0;right:0;bottom:-4px;height:1px;
  background:linear-gradient(90deg,transparent,#6f1118,transparent);
  opacity:.55;
}
.project-info-card h2{color:#eee7e2}
.project-info-star-note{
  margin-top:28px;
  padding:14px 16px;
  border:1px solid #3b2427;
  border-left:3px solid #a20b15;
  border-radius:10px;
  background:linear-gradient(135deg,#12090a,#080808);
}
.project-info-star-note strong{color:#ff4450;font-size:1.2rem}
@media(max-width:620px){
  .footer-legal-row{gap:8px 9px;font-size:.78rem;padding-top:15px}
}


/* V38 – Project information headline: compact, balanced and popup-safe */
.project-info-hero .page-logo-head{
  grid-template-columns:clamp(118px,18vw,170px) minmax(0,1fr);
  gap:clamp(22px,3.4vw,34px);
}
.project-info-hero .project-info-title{
  font-size:clamp(2.15rem,4.2vw,4.35rem);
  line-height:.96;
  letter-spacing:-.035em;
  margin:.18em 0 .22em;
  max-width:100%;
  overflow-wrap:normal;
  word-break:normal;
  text-wrap:balance;
}
.project-info-hero .page-logo-head > div:last-child{
  min-width:0;
}
.project-info-hero .page-logo-head > div:last-child > p:last-child{
  max-width:760px;
  margin-top:.45rem;
  color:#c8c0bb;
  line-height:1.5;
}
@media(max-width:760px){
  .project-info-hero .page-logo-head{
    grid-template-columns:92px minmax(0,1fr);
    gap:18px;
    align-items:center;
  }
  .project-info-hero .mini-logo{width:92px;max-width:none}
  .project-info-hero .project-info-title{
    font-size:clamp(1.85rem,8.3vw,3rem);
    letter-spacing:-.025em;
  }
}
@media(max-width:480px){
  .project-info-hero .page-logo-head{
    grid-template-columns:1fr;
    gap:10px;
    text-align:left;
  }
  .project-info-hero .mini-logo{width:86px}
  .project-info-hero .project-info-title{
    font-size:clamp(2rem,10.5vw,2.8rem);
    line-height:.98;
  }
}