/* lyocycle-theme/assets/css/sections/hero.css */

/* Layout ogólny sekcji (zostawiamy bazowe zmienne z main.css) */
.lhero{position:relative;isolation:isolate;min-height:72vh;display:flex;align-items:center}
.lhero__inner{position:relative;z-index:3;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
@media (max-width:900px){.lhero__inner{grid-template-columns:1fr}}
.hero-title{font-size:clamp(32px,6vw,56px);margin:0 0 12px}
.hero-subtitle{color:var(--muted);font-size:18px;margin:0 0 8px}
.hero-cta{display:flex;gap:12px;margin-top:20px}
.hero-cta .button{display:inline-block;padding:12px 18px;border-radius:12px;background:var(--primary);color:#001826;font-weight:700}
.hero-content{
  min-width: 90vw;
  padding-left: 60px;
}
/* Tło wideo + particles */
.lhero--video{padding:0}
.lhero__bg{position:absolute;inset:0;overflow:hidden;z-index:1}
.lhero__video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:saturate(1.1) contrast(1.05) brightness(.9);
}
.lhero__particles{position:absolute;inset:0;width:100%;height:100%;display:block}
.lhero__overlay{
  position:absolute;inset:0;
  background:
    radial-gradient(60% 50% at 20% 0%, rgba(0,181,255,.25), transparent 60%),
    radial-gradient(60% 50% at 80% 100%, rgba(0,181,255,.15), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.55));
  pointer-events:none;
}

/* Parallax/follow – delikatny cień i przejścia */
[data-follow-item]{transition:transform .15s ease, text-shadow .2s ease}
[data-follow-item].is-boost{ text-shadow:0 4px 24px rgba(0,181,255,.35) }

/* Nagłówek przezroczysty nad wideo na stronie głównej */
.home .site-header{background:rgba(20,26,42,.35)}
.home body.scrolled .site-header{background:rgba(20,26,42,.95)}