/* Reach: a simple introduction to Pi-powered drone exploration. */
.reach-page::before{background-image:linear-gradient(90deg,#031119ec,#07111dd9 47%,#0a0819ad),url('/assets/webb-background.jpg')}
.reach-page .reach-hero{grid-template-columns:.85fr 1.15fr;gap:60px;padding:64px 0 80px}
.reach-page .reach-hero h1{font-size:clamp(84px,10vw,140px);margin:23px 0 26px;color:#effcf6}
.reach-page .reach-hero h1 span{color:#b9a4ff}
.reach-page .reach-tagline{font-size:clamp(32px,3.5vw,45px);line-height:1.12;letter-spacing:-.045em;margin-bottom:25px}
.reach-tagline span{color:#86e6d7}
.reach-page .hero-intro{max-width:420px;font-size:16px}
.reach-page .hero-footnote{margin-top:27px;letter-spacing:.06em}
.reach-visual{background:#07121bba;border:1px solid #588a8761;box-shadow:0 24px 80px #01050d40;min-width:0}
.reach-visual img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#060c16}
.reach-visual figcaption{display:flex;justify-content:space-between;gap:15px;padding:18px 21px;border-top:1px solid #588a8740;color:#bad2d7;font:9px var(--mono);letter-spacing:.04em;line-height:1.8}
.reach-visual figcaption span:last-child{color:#c5b5ed}
.reach-possibilities{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding:65px 0 72px;border-block:1px solid #688a9847}
.possibilities-copy h2{font-size:clamp(31px,3.5vw,43px);letter-spacing:-.045em;margin:20px 0 25px}
.possibilities-copy p{font-size:15px;line-height:1.9;color:#b8cbd5;max-width:430px}
.reach-capabilities{display:grid;gap:25px}
.reach-capabilities article{display:grid;grid-template-columns:28px 1fr;gap:21px;border-bottom:1px solid #688a9835;padding-bottom:24px}
.reach-capabilities article:last-child{border-bottom:0;padding-bottom:0}
.capability-number{font:10px var(--mono);color:#b6a3ed;padding-top:4px}
.reach-capabilities h3{font-size:22px;letter-spacing:-.03em;margin-bottom:11px}
.reach-capabilities p{font-size:14px;line-height:1.8;color:#b8cbd5;max-width:460px}
.reach-outro{padding:36px 0 50px;display:flex;justify-content:space-between;align-items:center;gap:25px}
.reach-outro>p{font:11px var(--mono);color:#b5cbd2;line-height:1.8}
.reach-outro .mission-footer{margin:0;gap:33px}
@media(max-width:1050px){.reach-page .reach-hero{gap:30px}.reach-possibilities{gap:45px}.reach-outro{align-items:flex-start}.reach-outro .mission-footer{flex-wrap:wrap;gap:20px}}
@media(max-width:760px){.reach-page::before{background-image:linear-gradient(#031119de,#080d1ce0),url('/assets/webb-background.jpg')}.reach-page .reach-hero{grid-template-columns:1fr;gap:38px;padding:42px 0 45px}.reach-page .reach-hero h1{font-size:clamp(82px,22vw,112px);margin-block:20px 23px}.reach-page .reach-tagline{font-size:39px}.reach-page .hero-intro{font-size:15px}.reach-visual figcaption{font-size:8px;padding:14px 15px;gap:10px}.reach-possibilities{grid-template-columns:1fr;gap:35px;padding:45px 0}.possibilities-copy h2{font-size:34px}.reach-capabilities h3{font-size:21px}.reach-capabilities p{font-size:13px}.reach-outro{flex-direction:column;align-items:start;padding:30px 0 35px;gap:20px}.reach-outro .mission-footer{gap:22px}}
