/* Match the live Squarespace paragraph's responsive type and 22-column width.
   Keep the accepted centered position, without restoring its 40px left indent. */
.observatory-intro{padding-left:0;padding-right:0}
.observatory-intro p{
  --obs-grid-width:min(1800px,calc(var(--obs-viewport,100vw) - 6vw));
  width:calc((var(--obs-grid-width) - 253px) * 22 / 24 + 231px - 40px);
  max-width:none;padding:0;margin:18px auto;
  font-family:Roboto,Arial,Helvetica,sans-serif;font-weight:500;
  font-size:min(calc(18px + .24vw),22.32px);line-height:1.4;
  letter-spacing:calc(.18px + .0012vw);text-align:center;
  -webkit-font-smoothing:antialiased;
}
@media(max-width:991px){
 .observatory-intro p{font-size:min(calc(16px + .24vw),20.32px);letter-spacing:calc(.16px + .0012vw);margin-top:16px;margin-bottom:16px}
}
@media(max-width:767px){
 .observatory-intro p{width:100%;max-width:100%;padding:0 16px;font-size:calc(16px + .0024 * min(100vh,900px));letter-spacing:calc(.16px + .000012 * min(100vh,900px))}
}
