/* ==========================================================================
   bbtr.io — Portada cinematográfica (front-page.php). Depende de tokens.css y bbtr.css.
   Ritmo: hero claro → Densidad claro (escena) → Unidad negro → Mundo degradé → Dos líneas claro
   → BUMI superficie → Evidencia blanco → Cierre claro → pie negro.
   ========================================================================== */

html.bb-gl-on { background: #fff; }
.bb-home { position: relative; z-index: 1; }
.bb-h { position: relative; padding: var(--bb-section-y) var(--bb-margin); }
.bb-h > * { position: relative; }
.bb-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Lienzo WebGL: fijo, por encima de las secciones transparentes y por debajo del header; nunca intercepta */
.bb-gl { position: fixed; inset: 0; width: 100vw; height: 100vh; height: 100svh; z-index: 2; pointer-events: none; display: block; }
html.bb-no-gl .bb-gl { display: none; }
.bb-header { z-index: 40; }
.bb-h--dens { background: transparent; }
/* Sin WebGL: las secciones de escena reciben un fondo compuesto que mantiene la lectura */
html.bb-no-gl .bb-h--dens .bb-dens__stage { background: radial-gradient(40% 40% at 72% 50%, rgba(14, 89, 191, 0.14), transparent 70%); }

/* ---------- Carga ---------- */
.bb-loader { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; background: #fff; transition: opacity 0.8s var(--bb-ease), visibility 0.8s; }
.bb-loader.is-done { opacity: 0; visibility: hidden; }
.bb-loader__mark img { width: clamp(160px, 22vw, 260px); height: auto; display: block; opacity: 0; animation: bb-fade 0.9s var(--bb-ease) 0.1s forwards; }
.bb-loader__bar { position: absolute; left: 50%; bottom: 18vh; width: min(240px, 50vw); height: 1px; background: var(--bb-border); transform: translateX(-50%); overflow: hidden; }
.bb-loader__bar span { position: absolute; inset: 0; background: var(--bb-grad); transform-origin: left; animation: bb-bar 0.9s var(--bb-ease) forwards; }
@keyframes bb-fade { to { opacity: 1; } }
@keyframes bb-bar { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) { .bb-loader { display: none; } }

/* ---------- 1 · Hero: muro de cuatro escenas ---------- */
.bb-h--hero { position: relative; min-height: 100vh; min-height: 100svh; display: grid; align-content: end; padding-top: calc(var(--bb-header-h) + var(--bb-s6)); padding-bottom: clamp(72px, 11vh, 140px); background: #050a12; color: #fff; overflow: hidden; isolation: isolate; }
.bb-hero__wall { position: absolute; inset: 0; z-index: 0; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); gap: 2px; background: #050a12; }
@media (min-width: 768px) { .bb-hero__wall { grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; } }
.bb-hero__clip { position: relative; margin: 0; border-radius: 0; background: #0a1220; overflow: hidden; opacity: 0; transform: scale(1.04); }
html.bb-ready .bb-hero__clip { animation: bb-clip 1.6s var(--bb-ease) forwards; animation-delay: calc(var(--d) * 140ms); }
html.bb-static .bb-hero__clip { opacity: 1; transform: none; animation: none; }
@keyframes bb-clip { to { opacity: 1; transform: none; } }
.bb-hero__clip video, .bb-hero__clip .bb-video__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 40%; filter: saturate(0.92) contrast(1.02); }
.bb-hero__clip::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 10, 18, 0.35) 0%, rgba(5, 10, 18, 0.05) 35%, rgba(5, 10, 18, 0.55) 70%, rgba(5, 10, 18, 0.92) 100%); pointer-events: none; }
.bb-h--hero .bb-h__inner { position: relative; z-index: 1; }
.bb-h--hero .bb-h__h1 { color: #fff; text-shadow: 0 2px 24px rgba(0, 0, 0, 0.35); }
.bb-h--hero .bb-h__lead { color: rgba(255, 255, 255, 0.86); }
.bb-h--hero .bb-btn--ghost { color: #fff; border-color: rgba(255, 255, 255, 0.55); }
.bb-h--hero .bb-btn--ghost:hover, .bb-h--hero .bb-btn--ghost:focus-visible { background: rgba(255, 255, 255, 0.12); border-color: #fff; color: #fff; }
.bb-h--hero .bb-h__scroll { color: rgba(255, 255, 255, 0.7); } .bb-h--hero .bb-h__scroll i { background: rgba(255, 255, 255, 0.35); } .bb-h--hero .bb-h__scroll i::after { background: #fff; }
.bb-h__inner { max-width: var(--bb-container); margin: 0 auto; width: 100%; }
.bb-h__h1 { margin: 0; font-size: clamp(2.625rem, 1.3rem + 4vw, 5.75rem); line-height: 1.0; letter-spacing: -0.02em; font-weight: var(--bb-w-regular); max-width: 11ch; color: var(--bb-text); }
.bb-h__h1 .bb-w { display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: 0.08em; margin-bottom: -0.08em; }
.bb-h__h1 .bb-w > span { display: inline-block; transform: translateY(110%); }
html.bb-ready .bb-h__h1 .bb-w > span { animation: bb-up 0.9s var(--bb-ease) forwards; animation-delay: calc(var(--i) * 45ms + 60ms); }
@keyframes bb-up { to { transform: translateY(0); } }
.bb-h__lead { margin: var(--bb-s5) 0 0; font-size: var(--bb-lead); line-height: 1.45; max-width: 46ch; color: var(--bb-text-2); font-weight: var(--bb-w-light); }
.bb-h__actions { display: flex; flex-wrap: wrap; gap: var(--bb-s3); margin-top: var(--bb-s6); }
.bb-h__lead, .bb-h__actions { opacity: 0; transform: translateY(18px); }
html.bb-ready .bb-h__lead { animation: bb-in 0.9s var(--bb-ease) 0.4s forwards; }
html.bb-ready .bb-h__actions { animation: bb-in 0.9s var(--bb-ease) 0.55s forwards; }
html.bb-static .bb-h__lead, html.bb-static .bb-h__actions, html.bb-static .bb-h__h1 .bb-w > span { opacity: 1; transform: none; animation: none; }
@keyframes bb-in { to { opacity: 1; transform: none; } }
.bb-btn--ghost { background: transparent; color: var(--bb-text); border: 1px solid var(--bb-border-strong); }
.bb-btn--ghost:hover, .bb-btn--ghost:focus-visible { border-color: var(--bb-text); background: var(--bb-surface); color: var(--bb-text); }
.bb-h__scroll { display: none; position: absolute; right: var(--bb-margin); bottom: var(--bb-s5); margin: 0; display: flex; align-items: center; gap: var(--bb-s2); font-size: var(--bb-small); color: var(--bb-text-muted); }
.bb-h__scroll i { width: 1px; height: 48px; background: var(--bb-border-strong); position: relative; overflow: hidden; display: block; }
.bb-h__scroll i::after { content: ""; position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: var(--bb-accent); animation: bb-drop 1.8s var(--bb-ease) infinite; }
@keyframes bb-drop { to { top: 100%; } }
@media (prefers-reduced-motion: reduce) { .bb-h__scroll i::after { animation: none; } }

/* ---------- 2 · Densidad ---------- */
.bb-h--dens { padding: 0; }
.bb-dens__stage { position: relative; min-height: 100vh; min-height: 100svh; display: grid; align-content: center; padding: calc(var(--bb-header-h) + var(--bb-s5)) var(--bb-margin) var(--bb-s8); }
.bb-dens__steps { position: relative; max-width: var(--bb-container); margin: 0 auto; width: 100%; min-height: 38vh; }
.bb-dens__step { position: absolute; left: 0; top: 0; max-width: 34rem; opacity: 0; transform: translateY(24px); transition: opacity 0.6s var(--bb-ease), transform 0.6s var(--bb-ease); pointer-events: none; }
.bb-dens__step.is-active { opacity: 1; transform: none; pointer-events: auto; }
.bb-dens__t { margin: 0; font-size: clamp(2rem, 1.2rem + 3vw, 4.25rem); line-height: 1.04; letter-spacing: -0.02em; color: var(--bb-text); font-weight: var(--bb-w-regular); }
.bb-dens__d { margin: var(--bb-s4) 0 0; font-size: var(--bb-lead); line-height: 1.45; color: var(--bb-text-2); max-width: 40ch; }
.bb-dens__meter { position: absolute; left: var(--bb-margin); right: var(--bb-margin); bottom: var(--bb-s6); display: grid; grid-template-columns: 1fr auto; align-items: center; gap: var(--bb-s4); max-width: var(--bb-container); margin: 0 auto; }
.bb-dens__bar { display: block; height: 1px; background: var(--bb-border); position: relative; }
.bb-dens__bar i { position: absolute; inset: 0; background: var(--bb-accent); transform-origin: left; transform: scaleX(1); }
.bb-dens__num { font-size: var(--bb-small); color: var(--bb-text-2); font-variant-numeric: tabular-nums; min-width: 4ch; text-align: right; }
.bb-dens__num::after { content: " %"; color: var(--bb-text-muted); }
html.bb-static .bb-dens__stage { min-height: 0; }
html.bb-static .bb-dens__steps { min-height: 0; display: grid; gap: var(--bb-s7); }
html.bb-static .bb-dens__step { position: static; opacity: 1; transform: none; pointer-events: auto; }
html.bb-static .bb-dens__meter { display: none; }

/* ---------- 3 · Unidad (negro, video 16:9 a sangre) ---------- */
.bb-h--unit { background: #000; color: #fff; padding: 0 0 var(--bb-section-y); }
.bb-unit__media { position: relative; margin: 0; aspect-ratio: 16 / 9; width: 100%; max-height: 92vh; border-radius: 0; background: #0a0a0a; overflow: hidden; }
.bb-unit__media video, .bb-unit__media .bb-video__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.bb-unit__media--viz { background: radial-gradient(120% 90% at 50% 60%, #121a24 0%, #0a0a0a 70%); }
.bb-unit__media--viz canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.bb-unit__caption { position: absolute; left: var(--bb-margin); bottom: var(--bb-s4); margin: 0; font-size: var(--bb-small); color: rgba(255, 255, 255, 0.72); z-index: 2; }
.bb-unit__copy { max-width: var(--bb-container); margin: var(--bb-s8) auto 0; padding: 0 var(--bb-margin); display: grid; grid-template-columns: repeat(12, 1fr); column-gap: var(--bb-gutter); row-gap: var(--bb-s5); }
.bb-unit__kicker { grid-column: 1 / span 12; margin: 0; font-size: var(--bb-small); color: #7FC7E8; font-weight: var(--bb-w-regular); }
.bb-unit__h2 { grid-column: 1 / span 12; margin: 0; font-size: var(--bb-h2); line-height: var(--bb-h2-lh); letter-spacing: -0.01em; font-weight: var(--bb-w-regular); max-width: 18ch; color: #fff; }
.bb-unit__p { grid-column: 1 / span 12; margin: 0; font-size: var(--bb-lead); line-height: 1.45; color: rgba(255, 255, 255, 0.82); max-width: 46ch; }
.bb-unit__facts { grid-column: 1 / span 12; margin: 0; display: grid; gap: 0; border-top: 1px solid rgba(255, 255, 255, 0.18); }
.bb-unit__facts > div { padding: var(--bb-s4) 0; border-bottom: 1px solid rgba(255, 255, 255, 0.18); display: grid; gap: var(--bb-s1); }
.bb-unit__facts dt { font-weight: var(--bb-w-regular); color: #fff; }
.bb-unit__facts dd { margin: 0; color: rgba(255, 255, 255, 0.72); }
.bb-unit__copy .bb-link { grid-column: 1 / span 12; color: #7FC7E8; justify-self: start; }
@media (min-width: 1024px) {
  .bb-h__scroll { display: flex; }
  .bb-unit__kicker { grid-column: 1 / span 2; }
  .bb-unit__h2 { grid-column: 3 / span 6; }
  .bb-unit__p { grid-column: 3 / span 6; }
  .bb-unit__facts { grid-column: 9 / span 4; grid-row: 1 / span 3; align-self: start; }
  .bb-unit__copy .bb-link { grid-column: 3 / span 6; }
}

/* ---------- 4 · Mundo (degradé de marca, escena en blanco; sección alta con contenido fijo) ---------- */
.bb-h--net { padding: 0; background: var(--bb-grad); color: #fff; min-height: 230vh; }
.bb-net__sticky { position: sticky; top: 0; min-height: 100vh; min-height: 100svh; display: grid; align-content: space-between; padding: calc(var(--bb-header-h) + var(--bb-s6)) var(--bb-margin) var(--bb-s7); max-width: calc(var(--bb-container) + 2 * var(--bb-margin)); margin: 0 auto; box-sizing: border-box; }
.bb-net__h2 { margin: 0; font-size: clamp(2.25rem, 1.2rem + 3.6vw, 5rem); line-height: 1.02; letter-spacing: -0.02em; font-weight: var(--bb-w-regular); max-width: 13ch; color: #fff; }
.bb-net__lead { margin: var(--bb-s4) 0 0; font-size: var(--bb-lead); line-height: 1.45; max-width: 42ch; color: rgba(255, 255, 255, 0.88); }
.bb-net__list { list-style: none; margin: var(--bb-s8) 0 0; padding: 0; display: grid; gap: var(--bb-s4); }
.bb-net__list li { display: grid; gap: var(--bb-s1); padding-top: var(--bb-s3); border-top: 1px solid rgba(255, 255, 255, 0.38); }
.bb-net__list strong { font-weight: var(--bb-w-regular); font-size: var(--bb-h3); line-height: 1.2; }
.bb-net__list span { color: rgba(255, 255, 255, 0.86); max-width: 30ch; }
@media (min-width: 768px) { .bb-net__list { grid-template-columns: repeat(3, 1fr); gap: var(--bb-gutter); } }
html.bb-static .bb-h--net { min-height: 0; } html.bb-static .bb-net__sticky { position: static; }

/* ---------- 5 · Dos maneras de empezar ---------- */
.bb-h--lines { background: #fff; }
.bb-lines__h2 { max-width: var(--bb-container); margin: 0 auto var(--bb-s6); font-size: var(--bb-h2); line-height: var(--bb-h2-lh); letter-spacing: -0.01em; font-weight: var(--bb-w-regular); }
.bb-lines__grid { max-width: var(--bb-container); margin: 0 auto; display: grid; gap: var(--bb-gutter); }
.bb-line { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; min-height: 520px; border-radius: var(--bb-radius-l); overflow: hidden; text-decoration: none; color: var(--bb-text); background: var(--bb-surface); isolation: isolate; }
.bb-line__img { width: 100%; height: 260px; object-fit: cover; object-position: 50% 28%; display: block; transition: transform 1.2s var(--bb-ease); }
.bb-line:hover .bb-line__img { transform: scale(1.04); }
.bb-line__body { display: grid; min-width: 0; align-content: end; gap: var(--bb-s3); padding: var(--bb-s5); }
.bb-line__t { font-size: var(--bb-h3); line-height: 1.2; font-weight: var(--bb-w-regular); max-width: 20ch; }
.bb-line__d { color: var(--bb-text-2); max-width: 44ch; }
.bb-line__cta { color: var(--bb-accent-3); font-weight: var(--bb-w-regular); position: relative; width: fit-content; max-width: 100%; }
.bb-line__cta::after { content: ""; position: absolute; left: 0; right: 0; bottom: -3px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform 0.4s var(--bb-ease); }
.bb-line:hover .bb-line__cta::after, .bb-line:focus-visible .bb-line__cta::after { transform: scaleX(1); }
.bb-line--b { background: var(--bb-surface-2); }
.bb-line__viz { position: relative; height: 260px; display: block; background: radial-gradient(120% 100% at 50% 70%, #EAF6FF 0%, var(--bb-surface-2) 75%); overflow: hidden; }
.bb-line__viz canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.bb-line__diagram { position: relative; height: 260px; display: block; background: linear-gradient(180deg, #EAF6FF, var(--bb-surface-2)); overflow: hidden; }
.bb-line__diagram i { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--bb-accent-2); box-shadow: 0 0 0 6px rgba(15, 117, 188, 0.14); }
.bb-line__diagram i:nth-child(1) { left: 18%; top: 36%; } .bb-line__diagram i:nth-child(2) { left: 42%; top: 22%; } .bb-line__diagram i:nth-child(3) { left: 62%; top: 48%; }
.bb-line__diagram i:nth-child(4) { left: 80%; top: 30%; } .bb-line__diagram i:nth-child(5) { left: 30%; top: 70%; } .bb-line__diagram i:nth-child(6) { left: 70%; top: 76%; }
.bb-line__diagram::before { content: ""; position: absolute; inset: 0; background:
  linear-gradient(var(--bb-line), var(--bb-line)) 18% 36% / 24% 1px no-repeat,
  linear-gradient(var(--bb-line), var(--bb-line)) 50% 50% / 1px 60% no-repeat; opacity: 0.35; }
.bb-lines__note { max-width: var(--bb-container); margin: var(--bb-s5) auto 0; color: var(--bb-text-muted); font-size: var(--bb-small); } .bb-lines__note span { display: block; max-width: 70ch; }
@media (min-width: 768px) { .bb-lines__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { .bb-line { min-height: 620px; } .bb-line__img, .bb-line__viz, .bb-line__diagram { height: 320px; } }

/* ---------- 6 · BUMI ---------- */
.bb-h--bumi { background: var(--bb-surface); display: grid; gap: var(--bb-s6); max-width: none; }
.bb-h--bumi > * { max-width: var(--bb-container); width: 100%; margin: 0 auto; }
.bb-bumi__media { margin: 0; aspect-ratio: 4 / 5; border-radius: var(--bb-radius-l); overflow: hidden; max-height: 80vh; }
.bb-bumi__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bb-bumi__media--viz { position: relative; background: radial-gradient(110% 90% at 50% 45%, #EAF6FF 0%, var(--bb-surface-2) 80%); }
.bb-bumi__media--viz canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.bb-bumi__mark { width: 120px; height: auto; display: block; filter: invert(1); margin-bottom: var(--bb-s5); }
.bb-bumi__h2 { margin: 0 0 var(--bb-s4); font-size: var(--bb-h2); line-height: var(--bb-h2-lh); letter-spacing: -0.01em; font-weight: var(--bb-w-regular); max-width: 16ch; }
.bb-bumi__p { margin: 0 0 var(--bb-s5); font-size: var(--bb-lead); line-height: 1.45; color: var(--bb-text-2); max-width: 40ch; }
@media (min-width: 1024px) {
  .bb-h--bumi { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); align-items: center; column-gap: var(--bb-s8); padding-left: calc((100% - var(--bb-container)) / 2); padding-right: calc((100% - var(--bb-container)) / 2); }
  .bb-h--bumi > * { max-width: none; }
  .bb-bumi__copy { padding-left: 8%; }
}

/* ---------- 7 · Evidencia + LIOS ---------- */
.bb-h--ev { background: #fff; display: grid; gap: var(--bb-s7); }
.bb-h--ev > * { max-width: var(--bb-container); width: 100%; margin: 0 auto; }
.bb-ev__h2 { margin: 0 0 var(--bb-s4); font-size: var(--bb-h2); line-height: var(--bb-h2-lh); letter-spacing: -0.01em; font-weight: var(--bb-w-regular); }
.bb-ev__p { margin: 0 0 var(--bb-s5); font-size: var(--bb-lead); line-height: 1.45; color: var(--bb-text-2); max-width: 46ch; }
.bb-ev__aside { border-top: 1px solid var(--bb-border); padding-top: var(--bb-s4); }
.bb-ev__aside h3 { margin: 0 0 var(--bb-s3); font-size: var(--bb-small); font-weight: var(--bb-w-regular); color: var(--bb-accent-3); }
.bb-ev__aside p { margin: 0; color: var(--bb-text-2); max-width: 46ch; }
@media (min-width: 1024px) {
  .bb-h--ev { grid-template-columns: 7fr 4fr; column-gap: calc(var(--bb-gutter) * 2); padding-left: calc((100% - var(--bb-container)) / 2); padding-right: calc((100% - var(--bb-container)) / 2); }
  .bb-h--ev > * { max-width: none; } .bb-ev__aside { border-top: 0; border-left: 1px solid var(--bb-border); padding: 0 0 0 var(--bb-s5); align-self: start; }
}

/* ---------- 8 · Cierre ---------- */
.bb-h--close { background: #fff; text-align: left; padding-top: calc(var(--bb-section-y) * 1.1); padding-bottom: calc(var(--bb-section-y) * 1.1); border-top: 1px solid var(--bb-border); }
.bb-close__inner { max-width: var(--bb-container); margin: 0 auto; }
.bb-close__h2 { margin: 0; font-size: clamp(2.25rem, 1.2rem + 3.6vw, 5rem); line-height: 1.02; letter-spacing: -0.02em; font-weight: var(--bb-w-regular); max-width: 14ch; background: var(--bb-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.bb-close__p { margin: var(--bb-s5) 0 0; font-size: var(--bb-lead); color: var(--bb-text-2); max-width: 40ch; }
.bb-close__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--bb-s4); margin-top: var(--bb-s6); }
.bb-close__mail { color: var(--bb-accent-3); text-decoration: none; border-bottom: 1px solid currentColor; }

/* Pantallas bajas (portátiles con barra, ventanas pequeñas) */
@media (max-height: 700px) {
  .bb-dens__t { font-size: clamp(1.75rem, 1rem + 2.4vw, 3rem); }
  .bb-dens__d { font-size: 1rem; }
  .bb-dens__stage { padding-bottom: var(--bb-s7); }
  .bb-dens__meter { bottom: var(--bb-s3); }
  .bb-h__h1 { font-size: clamp(2.25rem, 1rem + 3.4vw, 4.5rem); }
}

@media (max-width: 767px) {
  .bb-dens__stage { align-content: end; padding-bottom: var(--bb-s8); }
  .bb-dens__steps { min-height: 0; }
  .bb-dens__step { position: absolute; left: 0; bottom: 0; top: auto; }
  .bb-dens__steps { height: 40vh; }
  .bb-net__sticky { align-content: end; }
  .bb-net__list { margin-top: var(--bb-s6); }
}
/* En la portada la cabecera flota sobre el muro de escenas */
.home .bb-header { position: fixed; top: 0; left: 0; right: 0; }
.home .bb-header:not(.bb-header--inverse):not(.is-scrolled) { background: transparent; }

/* Auditoría v2.3.3: el texto siempre por encima de la escena de partículas */
.bb-dens__steps, .bb-net__h2, .bb-net__lead, .bb-net__list { position: relative; z-index: 3; }
.bb-dens__meter { z-index: 3; grid-template-columns: auto 1fr auto; }
.bb-dens__lbl { font-size: var(--bb-small); color: var(--bb-text-2); }
.bb-net__h2, .bb-net__lead, .bb-net__list { text-shadow: 0 1px 18px rgba(6, 38, 110, 0.45); }

/* Auditoría v2.3.3: velo para que la bajada del inicio se lea sobre las fotos */
.bb-h--hero::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: linear-gradient(90deg, rgba(5,10,18,0.62) 0%, rgba(5,10,18,0.30) 42%, rgba(5,10,18,0) 68%); }
.bb-h--hero .bb-h__lead { color: rgba(255,255,255,0.94); text-shadow: 0 1px 14px rgba(0,0,0,0.5); }
@media (max-width: 767px) { .bb-h--hero::after { background: linear-gradient(180deg, rgba(5,10,18,0.15) 0%, rgba(5,10,18,0.45) 40%, rgba(5,10,18,0.78) 100%); } }