:root {
  --brand: #071426;
  --accent: #a4caff;
  --cta: #255ac4;
  --cta-hover: #19499f;
  --on-cta: #fff;
  --surface-light: #f5f8ff;
  --ink: var(--brand);
  --blue: var(--accent);
  --paper: var(--surface-light);
}

body :is(.btn-primary,.contact-btn,.checkout-action,.hero-actions .light-btn,.payment-options button,#contact-form button[type="submit"],[data-next]){
  background: var(--cta);
  color: var(--on-cta);
  border: 1px solid var(--cta);
  box-shadow: none;
  border-radius: 999px;
}
@media (hover: hover) {
  body :is(.btn-primary,.contact-btn,.checkout-action,.hero-actions .light-btn,.payment-options button,#contact-form button[type="submit"],[data-next]):hover { background: var(--cta-hover); }
}

body :is(.btn-secondary,.orbittext .light-btn,.reduce-orbit .light-btn,.hero-actions a[href="/contact"],.offer .discuss){
  background: transparent;
  color: inherit;
  border: 1px solid currentColor;
  box-shadow: none;
  border-radius: 999px;
}
@media (hover: hover) {
  body :is(.btn-secondary,.orbittext .light-btn,.reduce-orbit .light-btn,.hero-actions a[href="/contact"],.offer .discuss):hover { background: color-mix(in srgb, currentColor 10%, transparent); }
}

body :is(.btn-ghost,.choose,.menu-button,[data-close],[data-back],[data-close-checkout],[data-voyage]){
  background: transparent;
  color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
  border-radius: 999px;
}
@media (hover: hover) {
  body :is(.btn-ghost,.choose,.menu-button,[data-close],[data-back],[data-close-checkout],[data-voyage]):hover { background: color-mix(in srgb, currentColor 10%, transparent); }
}
body :focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
body .plans :focus-visible, body #contact-form :focus-visible { outline-color: var(--cta-hover); }

@media (min-width: 761px) {
  .masthead nav a { font-size: clamp(15px, 1.15vw, 18px); }
  .masthead .contact-btn { flex: none; width: fit-content; min-width: 0; padding-inline: 13px; gap: 6px; font-size: 14px; }
}

.close-menu { justify-self: end; padding-inline: 14px; min-height: 44px; font: inherit; }

@font-face { font-family: Audiowide; src: url("assets/Audiowide.ttf") format("truetype"); font-display: swap; }
.otium-type { font-family: Audiowide, Geist, sans-serif; font-weight: 400; letter-spacing: .015em; }
.brand-type { display: grid; gap: 4px; }
.brand-name { font-size: clamp(17px,1.6vw,25px); letter-spacing: .045em; }
.brand-type small { font: 500 11px/1.1 Geist,Arial,sans-serif; letter-spacing: .07em; }

.flight .orbittext h2, .reduce-orbit h2 { font-size: clamp(40px, 6vw, 90px); }
.orbittext .light-btn, .reduce-orbit .light-btn {
  display: inline-flex; align-items: center; gap: 12px;
  margin-block-start: clamp(20px, 3.5vh, 38px);
  padding: 10px 18px; min-height: 44px; font-size: clamp(14px, 1.1vw, 16px);
}
@media (max-height: 500px) and (orientation: landscape) {
  .flight .orbittext h2 { font-size: clamp(28px, 8vh, 40px); }
  .orbittext .light-btn { margin-block-start: 12px; }
}

.page-content { padding-top: 78px; }
.page-content h1 { font-size: clamp(40px, 5.6vw, 82px); }
.masthead [aria-current="page"] { text-decoration: underline; text-underline-offset: .36em; }
@media(max-width:760px){ .page-content { padding-top: 64px; } }

.foot-nav { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.foot-base { flex-wrap: wrap; }