/* Beige product presentation; the main identity remains in site.css. */
.hero {
  height: 500px;
  background: radial-gradient(ellipse at 69% 68%, #f8f5ef, #e9e2d5 85%);
  color: #292827;
  text-align: left;
  border-color: #d6cec0;
}
.hero-copy { padding: 40px 46px 0; }
.hero .eyebrow { color: #777064; letter-spacing: 2px; margin-bottom: 7px; }
.hero h1 { font-size: 48px; line-height: 1.08; letter-spacing: -1.7px; margin-bottom: 12px; }
.hero-link { color: #50697b; }
.window-stage {
  top: 153px;
  right: 28px;
  left: auto;
  width: 570px;
  height: 305px;
  margin-left: 0;
  perspective: 1200px;
}
.hero-window {
  width: 470px;
  transform: rotateX(7deg) rotateY(-23deg) rotateZ(3deg);
  transform-origin: center center;
  border-color: #aaa99f;
  border-radius: 3px;
  box-shadow: 5px 7px 0 -4px #99968d, 18px 26px 25px -13px #655b474a;
}
.about-copy .lark { width: 96px; height: 96px; margin-bottom: 16px; }
@media (max-width:650px) {
  .hero { height: 445px; }
  .hero-copy { padding: 30px 25px 0; }
  .hero h1 { font-size: 40px; }
  .window-stage { top: 197px; right: 0; left: auto; width: 100%; height: 230px; margin-left: 0; }
  .hero-window { width: min(310px, calc(100% - 48px)); transform: rotateX(6deg) rotateY(-18deg) rotateZ(3deg); }
}

.hero .eyebrow { text-transform: none; }

.about-logo { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
.about-logo .about-bird { display: block; width: 96px; height: 96px; }
.about-logo .about-wordmark { display: block; width: 143px; height: 62px; }

/* Neptune uses dimensional illustration within the same quiet page frame. */
.neptune-stage { text-align: center; padding: 42px 16px 58px; }
.neptune-stage img { display: block; width: 144px; height: auto; margin: 0 auto 24px; }
.neptune-stage h1 { font-size: 32px; font-weight: 400; letter-spacing: -.8px; margin: 0 0 7px; line-height: 1.15; }
.neptune-stage p { font-size: 16px; color: #686868; margin: 0; }
@media (max-width:650px) { .neptune-stage { padding: 25px 10px 48px; } .neptune-stage img { width: 130px; } .neptune-stage h1 { font-size: 28px; } }

/* Shared spacing below the silver navigation and between secondary links. */
.masthead + .site { margin-top: 18px; }
.note-links { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: baseline; }