/* BlueBranch Projekte-Hero v6-poster-fit-1 — WordPress-Fassung von hero.css (Paket 09.11.2026).
   Herkunft: hero.css OHNE die Vorschau-Teile (.preview-nav/.preview-case/.preview-note, html/body-Regeln,
   lokaler Nav-Versatz). Globale Vorschauregeln sind auf :where(#bb-dl-header) begrenzt — :where() hält die
   Spezifität exakt auf dem Paketwert, die Kaskade gegen counter-original.css/embed.css bleibt also gleich.
   Abweichungen vom Paket (alle WordPress-bedingt):
   1. --bb-nav-height = reale Theme-Header-Höhe --bb-header-h (84/72/68 px) statt fester 84/72-Werte der Vorschau.
   2. Theme-Globals (F20: *{padding:0}, p{line-height:1.7}, Überschriften/Links) im Hero auf Vorschauwerte zurück.
   3. Übergang ins erste Projektband: Der Hero liegt über der vorhandenen Überlappung (--bb-dl-overlap, 85 px) und
      blendet nur seinen Hintergrund dort aus — das Band selbst bleibt unverändert. */
@font-face{font-family:OrbitGilroy;src:url('./assets/gilroy.woff2') format('woff2');font-weight:800;font-display:swap}
:where(#bb-dl-header) a{color:inherit}:where(#bb-dl-header) :is(button,a,summary){-webkit-tap-highlight-color:transparent}:where(#bb-dl-header) ::selection{background:#3df799;color:#031a15}
#bb-dl-header{--bb-nav-height:var(--bb-header-h,84px);height:calc(100svh - var(--bb-nav-height));min-height:620px;max-height:none;display:grid;grid-template-rows:minmax(300px,1fr) auto;background:transparent;font-family:BBOrbitText,system-ui,sans-serif;overflow:visible;container-type:inline-size}
#bb-dl-header .bb-dl-surface{clip-path:none;background:radial-gradient(ellipse 57% 72% at 50% 88%,#07388499 0%,#06235066 35%,transparent 83%),radial-gradient(ellipse 48% 37% at 50% 84%,#082c6055,transparent 85%),linear-gradient(#030d20,#030e22 44%,#051b40)}
#bb-dl-header .bb-dl-surface:after{background:radial-gradient(ellipse at 50% 66%,transparent 30%,rgba(0,3,13,.33) 100%)}

#bb-dl-header .bb-orbit{z-index:2;width:100%;max-width:1380px;justify-self:center;min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr)}
#bb-dl-header .bb-orbit-stage{aspect-ratio:auto;min-height:0;overflow:hidden}
#bb-dl-header .bb-orbit-footer{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:0 24px;max-width:1030px;width:100%;margin:auto;align-items:center;height:34px;font-size:14px}
#bb-dl-header .bb-orbit-footer button,#bb-dl-header .bb-orbit-footer summary{padding:8px 0;min-height:34px}
#bb-dl-header .bb-orbit details[open]{position:relative;z-index:5}#bb-dl-header .bb-orbit-projects{position:absolute;left:0;bottom:36px;background:#081527f5;border:1px solid #5788ab75;border-radius:10px;padding:16px;min-width:320px;box-shadow:0 12px 38px #0008}#bb-dl-header .bb-orbit-note{position:absolute;bottom:36px;left:16px;background:#081527}
#bb-dl-header .bb-dl-content{padding:clamp(16px,2.2vh,24px) 20px clamp(24px,3.3vh,36px);width:100%;align-self:end;pointer-events:none}#bb-dl-header .bb-dl-content a{pointer-events:auto}
#bb-dl-header .bb-dl-counter{font-family:OrbitGilroy,system-ui,sans-serif;font-size:clamp(64px,9vh,100px);margin:0 auto;height:1em;line-height:1}
#bb-dl-header .bb-dl-digits{height:.91em;line-height:.91em}#bb-dl-header .bb-dl-track{line-height:.91em}
#bb-dl-header .bb-dl-subtitle{font-size:18px;line-height:1.3;margin:clamp(10px,1.3vh,14px) auto 0;max-width:none}
#bb-dl-header .bb-dl-live{font-size:11px;gap:12px;margin-top:12px;letter-spacing:.16em}
#bb-dl-header .bb-dl-signal{width:7px;height:7px;background:#3df799;box-shadow:0 0 12px #3df79977}
#bb-dl-header .bb-dl-signal:after{border-color:#3df799}#bb-dl-header .bb-dl-dash{width:18px}
#bb-dl-header .bb-dl-actions{margin:clamp(18px,2.9vh,32px) auto 0;gap:14px;flex-direction:row;max-width:none}
#bb-dl-header .bb-dl-button{min-height:44px;min-width:0;width:auto;padding:12px 23px;border-radius:8px;font:700 15px BBOrbitText,system-ui,sans-serif}
#bb-dl-header .bb-dl-edge{display:none}#bb-dl-header .bb-dl-pulse{top:auto;bottom:5%;height:28%}
:where(#bb-dl-header) :is(a,summary,button):focus-visible{outline:2px solid #3df799;outline-offset:5px}
@media(max-width:600px){#bb-dl-header{height:auto;min-height:0;max-height:none;grid-template-rows:auto auto}#bb-dl-header .bb-orbit{height:clamp(300px,88vw,360px);grid-template-rows:minmax(0,1fr)}#bb-dl-header .bb-orbit-footer{padding-inline:18px;font-size:12px}#bb-dl-header .bb-dl-content{padding:18px 20px 26px}#bb-dl-header .bb-dl-counter{font-size:clamp(57px,16vw,70px)}#bb-dl-header .bb-dl-subtitle{font-size:17px;max-width:290px;margin-top:12px}#bb-dl-header .bb-dl-live{font-size:11px;gap:8px;margin-top:12px;letter-spacing:.04em}#bb-dl-header .bb-dl-actions{gap:10px;margin-top:18px}#bb-dl-header .bb-dl-button{padding:12px 13px;font-size:13px;min-height:44px}#bb-dl-header .bb-orbit-projects{min-width:290px;max-width:calc(100vw - 36px)}}
@media(max-height:740px) and (min-width:601px){#bb-dl-header .bb-dl-counter{font-size:66px}#bb-dl-header .bb-dl-content{padding-bottom:18px}#bb-dl-header .bb-dl-subtitle{font-size:16px}#bb-dl-header .bb-dl-actions{margin-top:12px}}

#bb-dl-header .bb-dl-title{font-family:BBOrbitText,system-ui,sans-serif;font-size:14px;line-height:1.3;font-weight:700;letter-spacing:.23em;text-transform:uppercase;color:#8fb0ff;margin:0 0 14px}
@media(max-width:600px){#bb-dl-header .bb-dl-title{font-size:12px;letter-spacing:.18em;margin-bottom:12px}}

#bb-dl-header[data-count-phase=waiting] .bb-dl-plus{visibility:hidden;position:absolute}

/* Hero-only finishing: stable live label, centered narrow layouts, breathing room above the title. */
#bb-dl-header{--bb-arc-title-gap:32px;width:100%;max-width:100%;grid-template-columns:minmax(0,1fr);overflow:clip}
#bb-dl-header :is(.bb-orbit,.bb-orbit-stage,.bb-dl-content){min-width:0;max-width:100%}
#bb-dl-header .bb-orbit{margin-inline:auto}
#bb-dl-header .bb-dl-content{text-align:center}
#bb-dl-header [data-count-status]{display:inline-block;inline-size:3em;flex:0 0 3em;text-align:left;white-space:nowrap}
@media(max-width:600px){
 #bb-dl-header{--bb-arc-title-gap:28px}
 #bb-dl-header .bb-dl-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:360px;margin-inline:auto}
 #bb-dl-header .bb-dl-button{min-width:0;min-height:52px;justify-content:center;text-align:center}
}

/* ---- WordPress-Einbau (nur hier, nicht im Paket) ---- */
/* 2. Theme-Globals im Hero neutralisieren (Werte der Vorschau = UA-/Paketwerte; gemessen mit hero-cmp.cjs):
      Theme-body erbt ab Desktop 17,6 px (Vorschau 16 px) → em-Maße der Projektlinks; p{line-height:1.7} → Fehlernotiz. */
:where(#bb-dl-header){font-size:16px}
:where(#bb-dl-header) .bb-orbit-note{line-height:normal}
/* 3. Lage und Übergang: über der Überlappung des ersten Bandes; der Hintergrund läuft in deren Höhe aus. */
.bb-proj-page #bb-dl-header{z-index:2}
/* 4. Platz für die ProvenExpert-Leiste (Marcos Feedback 09.11.2026): Ab 768 px liegt die sitewide feste PE-Widgetbar
      (44 px, functions.php) unten über dem ersten Bildschirm und deckte die Buttons teilweise ab. Der Hero wird um
      die Leiste kürzer; die Bühne gibt die Höhe ab, Buttons stehen mit dem normalen Innenabstand über der Leiste. */
@media(min-width:768px){#bb-dl-header{--bb-pe-bar:44px;height:calc(100svh - var(--bb-nav-height) - var(--bb-pe-bar))}}
.bb-proj-page #bb-dl-header .bb-dl-surface{-webkit-mask-image:linear-gradient(#000 calc(100% - var(--bb-dl-overlap,85px)),transparent);mask-image:linear-gradient(#000 calc(100% - var(--bb-dl-overlap,85px)),transparent)}
/* 5. iOS/WebKit (09.11.2026, Diagnose auf Marcos iPhone: Szene brauchte 66 s bis 'prepared'): embed.css hält das iframe
      bis 'ready' mit visibility:hidden + opacity:0 verborgen. WebKit drosselt Timer und requestAnimationFrame in so
      verborgenen Rahmen stark, das Vorwärmen der Szene (9× rAF + compileAsync) zieht sich dann über eine Minute.
      Hier bleibt der Rahmen „sichtbar“, aber mit 1 % Deckkraft hinter dem Vorschaubild — fürs Auge unverändert. */
#bb-dl-header .bb-orbit:not([data-ready=true]):not([data-error=true]) .bb-orbit-stage>iframe{visibility:visible;opacity:.01;pointer-events:none}
#bb-dl-header .bb-orbit:not([data-ready=true]) .bb-orbit-stage>img{z-index:1}