/* Perfomanto's blue tile atmosphere: decoration behind the homepage content. */
.hero{isolation:isolate;background:#082552}
.hero .hero-slides{z-index:0}
.hero .hero-shade{z-index:1;background:linear-gradient(90deg,rgba(5,24,56,.97) 0%,rgba(5,35,80,.89) 39%,rgba(7,53,119,.62) 73%,rgba(4,34,80,.6) 100%),linear-gradient(0deg,#061c41 0%,transparent 45%)}
.hero-atmosphere{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;user-select:none;background:radial-gradient(ellipse at 78% 35%,rgba(0,74,253,.2),transparent 68%)}
.hero-atmosphere i{position:absolute;display:block;left:var(--tile-x);top:var(--tile-y);width:var(--tile-size);height:var(--tile-size);background:rgba(138,187,255,.18);border:1px solid rgba(172,207,255,.035);opacity:.08;animation:freight-tile-glow var(--tile-duration,12s) ease-in-out var(--tile-delay,0s) infinite both}
.hero .hero-content{position:relative;z-index:3}
.hero .hero-footer{z-index:3}
.hero[data-motion="paused"] .hero-atmosphere i{animation-play-state:paused}
@keyframes freight-tile-glow{0%,100%{opacity:.05;transform:translateY(0)}35%{opacity:.15}60%{opacity:.8;transform:translateY(-7px)}80%{opacity:.24}}
@media(max-width:700px){.hero .hero-shade{background:linear-gradient(90deg,rgba(5,24,56,.96),rgba(5,35,80,.79)),linear-gradient(0deg,#061c41,transparent 70%)}.hero-atmosphere i:nth-child(even){display:none}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere i{animation:none!important;transform:none;opacity:.16}}