/* A clipped viewport-fixed image stays still as the banner copy scrolls. */
.home-page .application-panel{margin:0;padding:0}
.home-page .application-panel .skyline-scroll-banner{margin-top:0}
.home-page .skyline-scroll-banner{position:relative;isolation:isolate;clip-path:inset(0);overflow:hidden;min-height:420px;display:grid;align-items:center;margin-top:34px;color:#fff;background:#153f59}
.skyline-fixed-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none}
.skyline-fixed-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 62%}
.skyline-fixed-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,27,41,.55),rgba(6,27,41,.42),rgba(6,27,41,.55))}
.home-page .skyline-banner-copy{position:relative;z-index:1;padding:75px 24px;text-align:center;display:flex;flex-direction:column;align-items:center}
.home-page #main .skyline-banner-copy h2{color:#fff;margin:0 0 22px;max-width:900px;line-height:1.16;font-weight:600;letter-spacing:-.035em}
.skyline-banner-copy p{font-size:16px;line-height:1.8;color:#e1edf3;max-width:550px;margin:0 0 30px}
.skyline-banner-link{display:inline-flex;justify-content:center;align-items:center;border:1px solid #ffffffa0;border-radius:3px;padding:12px 22px;color:#fff;font-size:13px;font-weight:500;transition:background .2s,border-color .2s}
.skyline-banner-link:hover{background:#01a3d3;border-color:#01a3d3}
.skyline-banner-link:focus-visible{outline:2px solid #fff;outline-offset:5px}
.home-page .application-panel .skyline-scroll-banner+.application-showcase{margin-top:0}
@media(max-width:600px){.home-page .skyline-scroll-banner{min-height:370px;margin-top:28px}.home-page .skyline-banner-copy{padding:54px 22px}.skyline-banner-copy p{font-size:13px;max-width:300px}.skyline-banner-link{font-size:12px}.skyline-fixed-backdrop img{object-position:63% center}}
@media(prefers-reduced-motion:reduce){.skyline-fixed-backdrop{position:absolute}.skyline-banner-link{transition:none}}