.hero{position:relative;isolation:isolate;width:100%;padding:0;min-height:620px;height:calc(100svh - 77px);max-height:1000px;overflow:hidden;display:flex;align-items:center;background:#020205}.hero-art,.hero-shade{position:absolute;inset:0}.hero-art{z-index:-2}.hero-art canvas{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.hero-shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(2,2,5,.72),rgba(2,2,5,.46) 55%,rgba(2,2,5,.2)),linear-gradient(0deg,rgba(2,2,5,.55),transparent 35%,rgba(2,2,5,.12))}.hero-content{padding:70px 0 120px}.hero h1{font-size:clamp(64px,7.4vw,112px);text-shadow:0 2px 22px #0006}.hero-side p,.hero-side>p:not(.lead){color:#e0e5e8;text-shadow:0 1px 12px #0009}.hero-side .lead{color:#fff}.hero-bottom{position:absolute;bottom:35px;left:0;right:0;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#dae1e2}.hero .text-link{color:#fff}.visual-showcase{padding-top:80px;padding-bottom:80px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#fiber-lab #error{position:absolute;bottom:25px;left:25px;right:25px;padding:16px;background:#111619;color:#fff;z-index:2;font-size:13px}#fiber-lab #error[hidden]{display:none}.hero:has(#error:not([hidden])) .hero-art{z-index:2;pointer-events:none}
@media(min-width:1600px){.hero{padding-top:0}}@media(max-width:1000px){.hero{padding-top:0}.hero-copy{grid-template-columns:1.2fr 1fr;gap:40px}.hero h1{font-size:clamp(58px,8vw,84px)}}@media(max-width:640px){.hero{height:calc(100svh - 96px);min-height:620px;max-height:900px;padding-top:0}.hero-content{padding:48px 0 125px}.hero h1{font-size:58px}.hero-side{max-width:330px;margin-top:30px}.hero-side .lead{font-size:21px}.hero-shade{background:linear-gradient(90deg,#0202059e,#02020552),linear-gradient(0deg,#020205a6,transparent 60%)}.hero-bottom{display:block;bottom:28px;font-size:11px}.hero-bottom span{display:block}.hero-bottom span+span{margin-top:6px}.visual-showcase{padding:50px 0}.hero-copy{display:block}}