/* Readable text at normal browser zoom, including secondary labels. */
body{font-size:16px}
.brand,footer .brand{font-size:13px;letter-spacing:1.5px}
nav{font-size:15px;gap:30px}
.eyebrow,.section-head .eyebrow,.about .eyebrow{font-size:12px;letter-spacing:1.7px;color:#c8badb;line-height:1.8}
.intro{font-size:17px;line-height:1.95;color:#c8bed7;font-weight:400}
.explore{font-size:15px;padding:17px 23px}
.hero-end{font-size:13px;letter-spacing:.6px;color:#bcb0cc;flex-wrap:wrap;row-gap:12px}
.hero-end>span:last-child{color:#c2b2d5}
.hero-bottom,.hero-bottom a,.hero-bottom>a:first-child{font-size:12px;letter-spacing:.6px;color:#beb0cc;line-height:1.8}
.coordinates{font-size:11px;letter-spacing:1px;color:#c9b9d5;bottom:105px}
.section-head>p{font-size:14px;color:#b7abc8}
.section-head h2{font-size:32px}
.project-meta{font-size:12px;letter-spacing:1px;color:#bfb0d2;gap:15px;flex-wrap:wrap}
.badge{font-size:12px;padding:6px 11px;color:#dfcaef}
.project-name{font-size:15px;line-height:1.7;color:#c6b7d9}
.project-desc{font-size:16px;line-height:1.9;color:#baadca}
.project-action{font-size:15px;color:#dfd1ef}
.project-copy{padding:35px 37px}
.project h3{font-size:34px}
.project-art{min-height:415px}
.project-art .art-index,.project-art .art-caption{font-size:12px;line-height:1.8;letter-spacing:1px;color:#e0d5ec}
.art-caption{right:28px}
.project-detail{font-size:16px;color:#c7bbd5}
.project-detail h4{font-size:22px}
.date{font-size:14px;color:#c8bbd7;line-height:1.7}
.date span{font-size:12px;letter-spacing:1px;color:#b1a3c3}
.notes h3{font-size:23px}
.notes article p{font-size:16px;line-height:1.9;color:#bcb0cd}
.about h2{font-size:32px;font-weight:400}
.about h2 span{color:#c6b4dc}
.about>p:not(.eyebrow){font-size:17px;line-height:1.95;color:#c3b4d0}
.about>a{font-size:15px;padding:12px 0;color:#ddc6f2}
footer{gap:25px;flex-wrap:wrap;padding-bottom:55px}
footer>span{font-size:13px;line-height:1.8;letter-spacing:.4px;color:#bdb0cb}
@media(max-width:1050px){nav{gap:20px;font-size:14px}.coordinates{font-size:10px}.project-copy{padding:28px}.project h3{font-size:30px}.hero-bottom{gap:20px;flex-wrap:wrap}}
@media(max-width:700px){
  .brand,footer .brand{font-size:11px;letter-spacing:1px}
  nav{font-size:13px;gap:16px}
  .eyebrow,.section-head .eyebrow,.about .eyebrow{font-size:10px;letter-spacing:1px}
  .intro{font-size:16px;line-height:1.85}
  .explore{font-size:14px;padding:15px 20px}
  .hero-end{font-size:11px;gap:10px;line-height:1.7}
  .hero-end>span:last-child{padding-left:10px}
  .hero-inner{padding-bottom:355px}
  .galaxy-image{bottom:10px}
  .coordinates{font-size:9px;letter-spacing:.5px;bottom:110px;right:20px;left:20px;text-align:center}
  .hero-bottom,.hero-bottom a,.hero-bottom>a:first-child{font-size:10px;letter-spacing:.4px;gap:12px}
  .section-head h2{font-size:26px}
  .project-art{min-height:285px}
  .project-art .art-index,.project-art .art-caption{font-size:10px}
  .project-meta{font-size:11px}.badge{font-size:11px}
  .project h3{font-size:29px}.project-name{font-size:14px}
  .project-desc,.project-detail{font-size:15px}
  .project-action{font-size:14px}
  .notes article{flex-direction:column;gap:15px}
  .date{font-size:13px;display:flex;align-items:center;gap:15px}
  .date span{font-size:10px;margin-top:0}
  .notes h3{font-size:20px}.notes article p{font-size:15px}
  .about h2{font-size:25px}.about>p:not(.eyebrow){font-size:16px}
  .about>a{font-size:14px}
  footer{align-items:flex-start;flex-direction:column;gap:15px;padding-bottom:35px}
  footer>span,footer>span:last-child{display:block;font-size:12px}
}