/* Home shares the inset landing-page composition, with room for its introduction. */
.hero.home-hero{max-width:1160px;margin:0 auto;min-height:500px;height:500px;background:#0a1f3f}
.hero.home-hero>img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}
.hero.home-hero::after{background:linear-gradient(90deg,rgba(5,22,43,.84) 0%,rgba(5,22,43,.72) 34%,rgba(5,22,43,.22) 66%,rgba(5,22,43,.08) 100%)}
.home-hero .hero-copy{left:62px;top:62px;max-width:440px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.25)}
.home-hero h1{color:#fff;font-size:50px;line-height:1.04;margin-bottom:22px}
.home-hero p{max-width:420px;font-size:18px;line-height:1.5;color:#fff;margin:0}
.home-hero .founder-link{color:#fff;text-decoration-thickness:1px;text-underline-offset:3px}
.home-hero .founder-link:focus-visible{outline:2px solid #fff;outline-offset:4px}
.home-hero .hero-note{isolation:isolate;top:auto;right:36px;bottom:30px;width:245px;color:#fff;font-size:19px;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.home-hero .hero-note::after{content:"";position:absolute;inset:-55px -70px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(5,22,43,.68) 0%,rgba(5,22,43,.46) 32%,rgba(5,22,43,.18) 55%,rgba(5,22,43,0) 72%);filter:blur(12px)}
.home-hero .hero-note::before{border-top-color:rgba(255,255,255,.8)}
@media(max-width:900px){
 .home-hero .hero-copy{left:36px;top:54px;max-width:420px}
 .home-hero h1{font-size:46px}
 .home-hero .hero-note{right:28px;width:200px;font-size:18px}
}
@media(max-width:700px){
 .hero.home-hero{display:flex;flex-direction:column;width:auto;margin:0 20px;height:auto;min-height:540px;padding:42px 28px 34px}
 .hero.home-hero>img{position:absolute;inset:0;height:100%;object-position:60% center}
 .hero.home-hero::after{background:linear-gradient(90deg,rgba(5,22,43,.87),rgba(5,22,43,.62) 75%,rgba(5,22,43,.4))}
 .home-hero .hero-copy{position:relative;left:auto;right:auto;top:auto;max-width:430px}
 .home-hero h1{font-size:42px}
 .home-hero p{font-size:17px;line-height:1.5}
 .home-hero .hero-note{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:300px;margin-top:30px;font-size:18px}
}